La página pierde al verse con Explorer

Hola, a ver si nos podeis ayudar con este problemita.

Nuestra página web es la siguiente:

http://www.freewebs.com/gurutze-iradier/

Como podréis observar al entrar con explorer no se ve la imagen superior de la página y la barra de arriba se ve en otro color.

No sabemos a que se puede deber. ¿Alguna idea?

Por si se necesitase este es el CSS:



* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
    text-align: center ; font-name: comic sans}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; 
    text-align: center}
body        {text-align: center ; background-color:#E0EEEE}
#global     {width:800px ; margin: 4px auto }
#logotipo   { float:left }
#navegacion {background-color: grey ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 30px 0px 30px }
#navegacion ul { margin-left: 180px }
#contenido  {background-color:white
; border-left: black 1px solid ; 
             border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu       {background-color: white ; margin: 0px 0px 10px 0px ; width: 150px ; float:left ; 
             text-align:left ; background-image: url(objetos/menu-parte-inferior.gif)
 ; background-position: bottom ; padding-bottom:5px }
#menu li    {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {text-decoration:none ; color: white ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ; background-repeat: no-repeat }
#menu2 {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom ; padding-bottom:5px }
#pie { background-color: white ; 
       border-left: black 1px solid ; 
       border-right: black 1px solid; 
       border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden }
a         {color: brown ; text-decoration:none ; display: block }
a:link    {}
a:visited {}
a:hover   {color:red ; text-decoration:underline }
a:active  {}
Buenas.

Si te fijas en el html de tu pagina, hay cosas raras:
<div id="curva-superior"></div>
<a href=""[contenido no disponible]</a>

<div id="navegacion">
<ul>
  • <a href=foro.htm>Foro</a>
  • Galería
  • Iradier
  • Contacto


    </div>

  • Deberia ser así, creo:
    <div id="curva-superior"></div>
    <div id="logotipo">
    #"][contenido no disponible]
    </div>
    <div id="navegacion">
    <ul>
  • <a href=foro.htm>Foro</a>
  • Galería
  • Iradier
  • Contacto

    </div>
  • Gracias por el consejo, ya se ve la página en explorer despues de unos retoques. 8)