Tengo el siguiente código::
<style type="text/css">
@import url('css/reset.css');
ul {
border: 1px solid black;
width: 200px;
float: left;
clear: both;
}
div {
border: 1px solid red;
}
</style>
</head>
<body>
<ul class="menu">
<li><a href="#">Parrafo 1</a></li>
<li><a href="#">Parrafo 2</a></li>
<li><a href="#">Parrafo 3</a></li>
<li><a href="#">Parrafo 4</a></li>
<li><a href="#">Parrafo 5</a></li>
<li><a href="#">Parrafo 6</a></li>
</ul>
<div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam.
</p>
</div>
Se supone que al hacer un clear: both a la lista flotante ul, el texto siguiente no deberia de aparecer al lado derecho, pero sigue apareciendo .. alguien puede explicare por que????
Saludos a todos y muchas gracias ...