Quiero poner unas imagenes dentro de un DIV con listas... quiero que las listas sean "inline" para que se muestre horizontalmente.
El problema esta en que cuando la lista llega al borde del div, esta misma baja... y lo que quiero es que siga de largo con un scroll horizontal. Alguien me ayuda?
Código:
<style type="text/css">
html, body {
width:100%;
height:100%;
margin:0;
padding:0;
}
#contenedor{
background-color: #069;
height: 100%;
width: 100%;
overflow: auto;
}
#menu ul li {
display: inline;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="menu">
<ul>
<li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
</ul>
</div>
</div>
</body>
</html>
