Problemas de ajuste con divs(Firefox)

[haga41]

La verdad es que tienes razón, lo que arreglas con una cosa lo acabas estropeando con otra, supongo que al final puede que ponga margenes automáticos y el scroll, total como abajo está deshabilitado tampoco molesta demasiado.

Me ha surgido ahora un problema adaptando la web a Explorer 6, el TotalValidator no acabo de hacerlo funcionar bien, ¿puedo usarlo offline? así que ando con el Ie Developer Toolbar, el caso es que 2 estilos prácticamente idénticos en un sitio me funcionan y en otro me creo que unos pixels vacíos de altura que no consigo quitar de ninguna forma.
El primero estilo es para una foto de fondo de tamaño 656x394 y la cuadra perfectamente en su div, no me deja ningun espacio, el otro estilo es para una tira de 6x8 pixels, que repito hasta que ocupe 160 de ancho, he probado a quitar la repeticion, a poner o no poner el !important a encoger la anchura(funciona) a encoger la altura(no reacciona) y ya no se que hacer, cualquier idea sería bien recibida ya que no se que más probar.

Este es el estilo que funciona con la foto de fondo:

.menu3{
width:656px;
height:394px;
margin: 0px;
padding:0px;
background-image:url(caratulas/fondo.jpg);
float:left;
}

Y este el que me falla con la tira, la altura que me coge es de 15 pixels, 8 de la tira y 7 vacios. Pongo las fotos para que se vea mejor, En Firefox funciona perfectamente.


http://i524.photobucket.com/albums/cc328/s7474/8.jpg
http://i524.photobucket.com/albums/cc328/s7474/8-1.jpg

.decoracion2{
width:160px;
height:8px!important;
margin:0px;
padding:0px;
background-image:url(caratulas/tira.gif);
float:left;
}