Problema con menu float en firefox

Crudo · #1 (**permalink**) 23/09/2005, 20:56

Hola, tengo un problema con un menu, lo floto a la derecha, pero quiero que el border este mas cerca del menu, entonces reduzco el width del menu y el menu se corre a la derecha, y mientras mas lo reduzco, mas a la derecha se corre, incluso llega a tocar el costado derecho de la pantalla, cosa que no deberia pasar, ya que lo meti en un container, de 95%, osea que no deberia tocar el borde derecho, en el explorer me anda perfecto, se ve como en el dreamweaver (lo uso para poder ver enseguida lo que codeo), pero en el firefox tengo el problema que les comente recien, el codigo es este:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
#container {
position: absolute;
left: 10%;
width: 80%;
text-align: center;
}
#titulo {
clear: both;
width: 100%;
}
#contenido {
float: left;
width: 85%;
}
#menu {
float: right;
width: 2%;
border-left: 1px solid;
}
ul {
margin: 0px;
}
ul li {
list-style: none;
}
p {
margin: 0px;
}
</style>
</head>

<body>
<div id="container">
<div id="titulo">
<p>Titulo</p>
</div>
<div id="contenido">
<p>Contenido</p>
</div>
<div id="menu">
<ul>
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
</ul>
</div>
</div>
</body>
</html>

Muchas gracias de ante mano