Hola gente este es primer consulta que realizo ya que estoy ingresando al mundo de divs y css el problema es el siguiente:
Estoy maquetando una pagina con el siguiente codigo en
HTML
<body>
<div id="contenedor">
<div id="banner">
<-- acá adentro va un swf -->
</div>
<div id="menu">
<ul>
<li> <a href="#"> Home </a> </li>
<li> <a href="#"> Quien soy </a> </li>
<li> <a href="#"> Diseño </a> </li>
<li> <a href="#"> Video </a> </li>
<li> <a href="#"> Contacto </a> </li>
</ul>
</div>
<div id="contenido">
<div id="logo"> <img src="archivos/logogde.jpg" width="750" height="452"/></div>
<div id="bienvenida"> Bienvenidos a mi sitio </div>
</div>
<div id="pie"> Todos los derechos reservados - Copyright 2010 </div>
</div>
y el archivo
CSS es el siguiente:
@charset "utf-8";
/* CSS Document */
body {
background-color:#900;
background-image:url(archivos/fondorv.jpg);
margin-top:0px;
padding-top:0px;
}
#contenedor {
margin:auto;
width:940px;
background-color:#76281B;
}
#banner {
width:930px;
height:150px;
margin:auto;
background-color:#960;
}
#menu {
width:930px;
height:25px;
background-color:#930;
margin:auto;
text-align:center;
}
#menu li {
width:100px;
list-style-type:none;
float:left;
margin-left:10px;
height:22px;
text-align:center;
padding-top:3px;
}
#menu li a {
text-decoration:none;
height:25px;
color:#FFF;
}
#contenido {
width:930px;
height:600px;
background-color:#313131;
margin:auto;
}
#pie {
width:930px;
height:18px;
background-color:#000;
margin:auto;
color:#FFF;
text-align:center;;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
font-style:inherit;
padding-top:3px;
}
#logo {
width:750px;
height:452px;
margin:auto;
position:relative;
top:30px;
}
#bienvenida {
width:750px;
margin:auto;
position:relative;
top:60px;
text-align:center;
color:#CCC;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font-style:normal;
}
El inconveniente es el siguiente:
En internet explorer 7.0 se ve correctamente, pero en el FireFox 3.5 entre el banner y el menu me aparece un espacio y no hay forma de que queden pegados como deberia ser y aparecer como en el IE 7.0
Supongo que hará falta algun HACK pero realmente no se como hacerlo, espero su ayuda.
Desde ya muchas gracias