Hola, la verdad qeu el código esta muy abultado y sobrecargado con cosas que podrías hacer desde el CSS.
Acá te mando un retoque que hice:
Código HTML:
<html>
<head>
<title>OSIRIS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<style type="text/css">
body {background-image:url(objetos/calavera.jpg) center center no-repeat;height:100%;margin:0;text-align:center;}
#global {width:800px;margin:4px auto;text-align:left;}
#cabecera {background-image:url(objetos/camerino.jpg);height:209px;border:1px solid black;border-top:0;position:relative;}
#navegacion {background-image:url(objetos/navegacion.jpg);border:0;height:50px;position:absolute;top:150px;left:0;}
#navegacion ul li {display:inline;margin-left:25px;}
#navegacion ul li a {font:bold 26px "Evanescent"}
h1 {font-size: 1.2em; color:White ; font-weight: bold ; text-decoration: underline ; text-align: center ; margin-bottom: 20px ; margin-top: 10px}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center ; margin-bottom: 10px}
h5 {font.size: 0.8em; color:#FFB90F ; font-weight: bold ; text-decoration: none ; text-align: left ; margin-bottom: -10px}
#contenido {background-color: black ; width: auto ; border-left: black 1px solid ; border-right: black 1px solid}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin:10 ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:10px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px }
a {color: white ; text-decoration:none ; display: block}
a:hover {color:silver }
p {text-align: }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow: hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow: hidden }
#navegacion li {float: left ; list-style:none ; margin: 2x 5px 0px 20px }
#navegacion ul { margin-left: 30px }
#bio-dani {width: 150px ; float:right}
#bio-dani2 {width: 150px ; float:left ; margin-top: 30px ; margin-bottom: 20px ; margin-right: 20px}
#bio-dani3 {width: auto ; text-align: left ; margin-top: 40px}
#bio-carri {width: auto ; text-align: left}
#bio-adri {width: auto ; text-align: left ; margin-top: 30px}
#bio-edu {width: auto ; text-align: left ; margin-top: 70px}
</style>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<font color="white">
<div id="global">
<div id="cabecera">
<div id="navegacion">
<ul>
<li><a href="principal.html">home</a></li>
<li><a href="noticias.html">noticias</a></li>
<li><a id="desplegable1" href="bio-componentes.html">bio</a></li>
<li><a href="conciertos.html">conciertos</a></li>
<li><a id="desplegable2" href="media.html">multimedia</a></li>
<li><a href="contacto.html">contacto</a></li>
</ul>
</div>
<div id="contenido"></div>
</div>
<h1>Noticias</h1>
<br></br>
<h5>1-VIII-2008</h5>
<div align="left"><img src="objetos/raya.gif" width="800" height="5" />
<div><p align="left"> Qué tal? Informamos muy contentos que estamos dando los últimos retoques a un tema de nuestra primera maqueta. Pronto estará terminado, y podremos grabarlo. Os informaremos de todo. Saludos!</p></div>
<div align="left"><img src="objetos/raya.gif" width="800" height="5" />
<br></br>
<h5>1-VIII-2008</h5>
<div align="left"><img src="objetos/raya.gif" width="800" height="5" />
<div><p align="left"> Hola! Bienvenidos a nuestro espacio web. Ya estamos funcionando, y queremos daros las gracias por visitarnos! Esperamos ponernos en marcha lo más pronto posible e ir actualizando la página. Saludos!</p></div>
<div align="left"><img src="objetos/raya.gif" width="800" height="5" />
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</font>
</body>
</html> Está modificada solamente el div.cabecera, como podrás observar, se achicó muchísimo el codigo en comparación al que pasaste vos y ahora sí funcion atanto en FF como para IE.
Luego tratas de seguir con lo de abajo, cualquier cosa vuelve a preguntar.
Saludos