Perdonar que os moleste :
No encuentro el fallo y llevo varias horas en ello.
En FF, IE7 se ve bien pero en OPERA me deja un espacio horizontal entre la imagen de la cabecera y la barra navegadora horizontal
Debe ser algo que desconozco por que ya lo he probado todo y no doy con la solucion.
HTML
<body>
<div id="contenedor">
<div id="cabecera"><h1><span>Primavera</span></h1></div>
------aqui me deja un espacio en blanco horizontal----- ---
<div id="navegador">
<ul>
<li><a href="#" class="enlacenav">Primera </a></li>
<li><a href="#" class="enlacenav">Segunda | </a></li>
<li><a href="#" class="enlacenav">Tercera | </a></li>
<li><a href="#" class="enlacenav">Cuarta | </a></li>
<li><a href="#" class="enlacenav"> Quinta | </a></li>
</ul>
</div>
CSS
html,body{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#666666;
text-align:center;
background-image:url(../imagenes/desarrollo/fondo2.gif);
background-position:top left;
background-repeat:repeat-x;
}
#contenedor{
width:549px;
margin:auto;
text-align:left;
background-color:#FFFFFF;
}
#cabecera{
background: transparent url(../imagenes/desarrollo/cabecera2.jpg) no-repeat;
height : 288px;
width: 549px;
margin:0px;
padding:0px;
}
#cabecera h1 span{
display:none;
}
#navegador{
margin:0px;
padding:0px;
background: transparent url(../imagenes/desarrollo/barranav.jpg) no-repeat;
height:29px;
width:549px;
}
#navegador ul{
margin:0px;
padding:0px;
}
#navegador ul li{
margin:0px;
padding:0px;
list-style:none;
float:right;
}
#navegador ul li a{
margin:0px;
padding:10px;
text-decoration:none;
}