un ancho en el body??tampoco me funciona...
Mirar por ejemplo he hecho un menu horizontal...y al minimizar la ventana se descoloca...
Este sería el css:
.body{width:900px;}
.contenedor{width:100%;}
.cabecera{position:absolute;width:100%;height:13%; }}
.menu{width:100%;display: block;overflow: hidden;width:100%;height:10%;}
#fondoRojoMenu{display:block;overflow:hidden;margi n:100px 0px 0px 0px;background:#E4062C;}
#menuHorizontal {float:right;padding: 0px 180px 0px 0px;}
#menuHorizontal li {display: inline;padding-bottom:30px;}
#menuHorizontal li a {font-family: Arial;font-size:20px;text-decoration: none;float:left;padding: 10px;background-color: #E4062C;color: #fff;}
#menuHorizontal li a:hover {background-color: black;margin-top:-2px;padding-bottom:12px;}
.contenido{position:absolute;top:25%;width:100%;he ight:100%;}
y este el body del html:
<body width="900px">
<div class="contenedor">
<div class="cabecera"></div>
<div class="menu">
<div id="fondoRojoMenu"><div>
<ul id="menuHorizontal">
<li class="home"><a href="inicio.html" >Home</a></li>
<li><a href="busquedaCodigo.html">Codigo</a></li>
<li><a href="blanca.html">Blanco</a></li>
<li><a href="marron.html">Marrones</a></li>
<li><a href="rosas.html">Rosas</a></li>
<li><a href="codigo3.html">Codigo 333</a></li>
<li><a href="blanco3.html">Blanco 333</a></li>
<li><a href="marrones3.html">Marrones 333</a></li>
<li><a href="rosas3.html">Rosas 333</a></li>
</ul>
</div>
</div>
</div>
</div>
</body>