Fallo de menús en IE6 que se arregla al pasar por el menú.

[haga41]

Buenas,

Tengo una web que va bastante bien en Firefox pero en Explorer 6, me coge por defecto un padding- bottom más grande del que le tengo puesto en su css de explorer, sin embargo al pasar con el puntero por el menú se va arreglando y al final se quedan todos los botones del menú con el padding-bottom que deberían de tener. Eso sí si actualizas la página o vas a otra del mismo sitio ocurre lo mismo.

Esta es la página, estoy retocando aún la parte central que creo que no podré hacer con porcentajes al estar llena de imágenes, si me podéis ayudar os lo agradecería:

http://www.webng.com/haga041/motos2/enlaces.asp

Y estos son los css:

estilorevistamotos.css

Código HTML:

.columnaizquierda{
	float: left;
	width: 21%;
	margin-top: 1%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: left;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	list-style-type: none;
	color:#FFFFFF;
	background-color:#efefef;
}
.columnaizquierda ul{
	list-style-type: none;
	background-color:#efefef;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.columnaizquierda ul li{
	margin-bottom: 2%;
	font-weight:bold;
}
.columnaizquierdalista a{
	color:#FFF;
	text-decoration:none;
	background-color:#800001;
	width: 96%;
	padding: 2%;
	display: block;
}
.columnaizquierdalista a:hover{
	color:#FFFFFF;
	background-color:#000;
}

estilorevistamotosIE.css

Código HTML:

.columnaizquierda{
	margin-left: 1%;
	margin-right: 3%;
}
.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;
}
.columnaizquierda ul li{
	margin-bottom: 1%;
	font-weight:bold;
}
.columnaizquierdalista a{
	color:#FFF;
	text-decoration:none;
	background-color:#800001;
	width: 96%;
	padding: 2%;
	display: block;
}
.columnaizquierdalista a:hover{
	color:#FFFFFF;
	background-color:#000;
}