[Ovillo] Problema con listados <ul> en ie6

Lun Dic 28 16:28:03 UTC 2009

Hola!
Estoy terminando mi web y a la hora de testearla en versiones de IE
(en concreto la 5 y la 6) veo que el div que contiene la lista de
links que uso para el menu se expande para dar cabida a los <li> y
mueve el resto de elementos hacia abajo.

He aislado el html de mi problema aqui:

<body>
<div id="mainbox">
  <div id="menu">
    <ul id="buttons">
      <li id="bu1" ><a href="index.html"><span>portada</span></a></li>
      <li id="bu2"><a href="inicios.html"
class="active"><span>inicios</span></a></li>
        <li id="bu3"><a href="#"><span>experiencia</span></a></li>
        <li id="bu4"><a href="#"><span>modernidad</span></a></li>
        <li id="bu5"><a href="#"><span>esencia</span></a></li>
        <li id="bu6"><a href="#"><span>contacto</span></a></li>
    </ul>
  </div>

</div>
</body>

Y aqui el css (uso dreamweaver para editarlo)

* {
margin: 0;
padding: 0;
}

body {
        padding: 0;
	margin-right: auto;
	margin-left: auto;
	background-attachment: scroll;
	background-color: #fff;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}

}
#mainbox {
	width: 965px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	position: relative;
	top: 0px;
	z-index: 5;
}
#menu {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	z-index: 12;
	position: relative;
	overflow: visible;
	height: 40px;
}
ul#buttons {
	width: 900px;
	height: 40px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline;
}
span {
	display: none;
}

He probado de solucionarlo con overflow: hidden en el div#menu que
corrige el hecho de que el div aumente el tamaño por el desbordamiento
de la lista <ul> que uso, pero no muestra los gif de los botones de
los links.

Tambien he probado de poner los elementos de la lista inline y
diversas combinaciones (soy bastante novato todavía :\ ) pero no
consigo que funcione.

Agradecería mucho si alguien me indicara que estoy haciendo mal o que
puedo hacer para que funcione correctamente en ie5 & ie6 (en los demas
navegadores funciona ok).

Muchas Gracias!