Muchas gracias por los consejos Mikel,
No tenía ni idea de lo del Explorer 6 con los porcentajes, hay veces que he llegado a usar porcentajes con decimales y cosas así para ajustar más así que ya no lo volveré a hacer.
Por lo demás he usado una combinación de los métodos 2 y 3 y se ha arreglado el problema, lo malo es que me ha creado otro, probablemente porque no controlo aún mucho lo de las position y los z-index. El caso es que el menú aparece ahora perfectamente desde el principio pero el banner que estaba debajo, ha quedado debajo del menú. Jugando con los position consigo poner el banner encima (superpuesto) pero no debajo (flotado).
Así tengo el css de explorer ahora:
Código HTML:
.contenedor{
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.columnaizquierda{
width: 21%;
margin-top: 1%;
text-align: left;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
list-style-type: none;
color:#FFFFFF;
background-color:#efefef;
margin-left: 1%;
margin-right: 3%;
float:left;
}
.columnaizquierda ul{
list-style-type: none;
background-color:#f4f4f4;
background-color:#efefef;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
position:absolute;
}
.columnaizquierda ul li{
margin-bottom: 1%;
font-weight:bold;
border: solid 1px transparent;
position:relative;
}
.columnaizquierdalista a{
color:#FFF;
text-decoration:none;
background-color:#800001;
width: 96%;
padding: 2%;
display: block;
}
.columnaizquierdalista a:hover{
color:#FFFFFF;
background-color:#000;
}
/*.centrado_banner1{
float:left;
}*/
.banner{
border:0;
width:100%;
height:100%;
}
Sin aplicar el estilo .centrado_banner1 se ve el menú perfectamente pero no el banner, que queda debajo y si lo aplico se ve el banner pero no el menú.
El código de la página es este:
Código HTML:
<div class="contenedor">
<!--<div>-->
<div class="columnaizquierda">
<ul>
<li class="columnaizquierdalista">
<a href="index.asp" accesskey="i" >Inicio</a></li>
<li class="columnaizquierdalista">
<a href="news.asp" accesskey="n" >Noticias</a></li>
<li class="columnaizquierdalista">
<a class="col1" href="tests.asp" accesskey="p" >Pruebas</a></li>
<li class="columnaizquierdalista">
<a href="contact.asp" accesskey="c" >Contacto</a></li>
<li class="columnaizquierdalista">
<a href="comparar.asp" accesskey="p" >Comparativa</a></li>
<li class="columnaizquierdalista">
<a href="enlaces.asp" accesskey="l" >Links</a></li>
<li class="columnaizquierdalista" >
<a href="users.asp" accesskey="z" >Zona de usuarios</a></li>
</ul>
<div class="centrado_banner1">
<a href="http://www.dainese.com"><img class="banner" src="imagenes/bannerdainese.jpg" alt="Banner Dainese" longdesc="http://haga041.webng.com/motos/bannerdainesedesc.html"/></a></div>
</div> He probado a meter el div del banner dentro de otra capa en vez de estar en la misma que el menú, pero me lo ha desplazado a la derecha.