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=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
}
#header, #mc, #fooetr {
width:770px;
margin:0 auto;
padding:0px;
border:2px solid #666666;
}
#header {
height:180px;
}
#mc {
background-color:#00F;
height:auto;
}
#menu{
width:180px;
height:auto;
padding:10px;
float:left;
background-color:#F00;
}
#content{
width:547px;
padding:10px;
height:auto;
margin-left:200px;
background-color:#0F0;
}
#fooetr {height:150px;}
-->
</style>
</head>
<body>
<div id="header"></div>
<div id="mc">
<div id="menu">
<p>Lorem ipsum dolor sit amet, laoreet quis seacula videntur mazim sequitur doming demonstraverunt. Facer legentis adipiscing investigationes eua luptatum quarta eorum, nostrud. Lorem eleifend autem lius liber. Tempor, consectetuer hendrerit mutationem at. Id delenit, lectores nihil et formas claritatem ii consequat, non. Congue placerat me, facit feugiat. Ad esse elit tincidunt vel nibh ullamcorper nam.</p>
</div>
<div id="content">
<p>Lorem ipsum dolor sit amet, laoreet quis seacula videntur mazim sequitur doming demonstraverunt. Facer legentis adipiscing investigationes eua luptatum quarta eorum, nostrud. Lorem eleifend autem lius liber. Tempor, consectetuer hendrerit mutationem at. Id delenit, lectores nihil et formas claritatem ii consequat, non. Congue placerat me, facit feugiat. Ad esse elit tincidunt vel nibh ullamcorper nam. </p>
<p>Facer molestie decima erat lectorum duis nihil eu, imperdiet. Clari exerci diam cum. Amet ex, congue lorem euismod in est anteposuerit litterarum dynamicus veniam sollemnes. Ut eodem vulputate, te iusto per velit processus facilisi. Ut legentis claram me fiant. Est mirum amet assum ullamcorper non clari autem, at ad cum. Sollemnes possim augue etiam adipiscing.</p>
<p>Lorem ipsum dolor sit amet, laoreet quis seacula videntur mazim sequitur doming demonstraverunt. Facer legentis adipiscing investigationes eua luptatum quarta eorum, nostrud. Lorem eleifend autem lius liber. Tempor, consectetuer hendrerit mutationem at. Id delenit, lectores nihil et formas claritatem ii consequat, non. Congue placerat me, facit feugiat. Ad esse elit tincidunt vel nibh ullamcorper nam. </p>
<p>Facer molestie decima erat lectorum duis nihil eu, imperdiet. Clari exerci diam cum. Amet ex, congue lorem euismod in est anteposuerit litterarum dynamicus veniam sollemnes. Ut eodem vulputate, te iusto per velit processus facilisi. Ut legentis claram me fiant. Est mirum amet assum ullamcorper non clari autem, at ad cum. Sollemnes possim augue etiam adipiscing.</p>
<p>Lorem ipsum dolor sit amet, laoreet quis seacula videntur mazim sequitur doming demonstraverunt. Facer legentis adipiscing investigationes eua luptatum quarta eorum, nostrud. Lorem eleifend autem lius liber. Tempor, consectetuer hendrerit mutationem at. Id delenit, lectores nihil et formas claritatem ii consequat, non. Congue placerat me, facit feugiat. Ad esse elit tincidunt vel nibh ullamcorper nam. </p>
<p>Facer molestie decima erat lectorum duis nihil eu, imperdiet. Clari exerci diam cum. Amet ex, congue lorem euismod in est anteposuerit litterarum dynamicus veniam sollemnes. Ut eodem vulputate, te iusto per velit processus facilisi. Ut legentis claram me fiant. Est mirum amet assum ullamcorper non clari autem, at ad cum. Sollemnes possim augue etiam adipiscing.</p>
</div>
</div>
<div id="fooetr"></div>
</body>
</html>#content, no debe ir flotando sino con un margen izquierdo.
pero si necesitas que #content, siga flotando prueba esto:
Código :
<body>
<div id="header"></div>
<div id="mc">
<div id="menu">
<p>Lorem ipsum dolor sit amet, laoreet quis seacula videntur mazim sequitur doming demonstraverunt. Facer legentis adipiscing investigationes eua luptatum quarta eorum, nostrud. Lorem eleifend autem lius liber. Tempor, consectetuer hendrerit mutationem at. Id delenit, lectores nihil et formas claritatem ii consequat, non. Congue placerat me, facit feugiat. Ad esse elit tincidunt vel nibh ullamcorper nam.</p>
</div>
<div id="content">
<p>Lorem ipsum dolor sit amet, laoreet quis seacula videntur mazim sequitur doming demonstraverunt. Facer legentis adipiscing investigationes eua luptatum quarta eorum, nostrud. Lorem eleifend autem lius liber. Tempor, consectetuer hendrerit mutationem at. Id delenit, lectores nihil et formas claritatem ii consequat, non. Congue placerat me, facit feugiat. Ad esse elit tincidunt vel nibh ullamcorper nam. </p>
<p>Facer molestie decima erat lectorum duis nihil eu, imperdiet. Clari exerci diam cum. Amet ex, congue lorem euismod in est anteposuerit litterarum dynamicus veniam sollemnes. Ut eodem vulputate, te iusto per velit processus facilisi. Ut legentis claram me fiant. Est mirum amet assum ullamcorper non clari autem, at ad cum. Sollemnes possim augue etiam adipiscing.</p>
<p>Lorem ipsum dolor sit amet, laoreet quis seacula videntur mazim sequitur doming demonstraverunt. Facer legentis adipiscing investigationes eua luptatum quarta eorum, nostrud. Lorem eleifend autem lius liber. Tempor, consectetuer hendrerit mutationem at. Id delenit, lectores nihil et formas claritatem ii consequat, non. Congue placerat me, facit feugiat. Ad esse elit tincidunt vel nibh ullamcorper nam. </p>
<p>Facer molestie decima erat lectorum duis nihil eu, imperdiet. Clari exerci diam cum. Amet ex, congue lorem euismod in est anteposuerit litterarum dynamicus veniam sollemnes. Ut eodem vulputate, te iusto per velit processus facilisi. Ut legentis claram me fiant. Est mirum amet assum ullamcorper non clari autem, at ad cum. Sollemnes possim augue etiam adipiscing.</p>
<p>Lorem ipsum dolor sit amet, laoreet quis seacula videntur mazim sequitur doming demonstraverunt. Facer legentis adipiscing investigationes eua luptatum quarta eorum, nostrud. Lorem eleifend autem lius liber. Tempor, consectetuer hendrerit mutationem at. Id delenit, lectores nihil et formas claritatem ii consequat, non. Congue placerat me, facit feugiat. Ad esse elit tincidunt vel nibh ullamcorper nam. </p>
<p>Facer molestie decima erat lectorum duis nihil eu, imperdiet. Clari exerci diam cum. Amet ex, congue lorem euismod in est anteposuerit litterarum dynamicus veniam sollemnes. Ut eodem vulputate, te iusto per velit processus facilisi. Ut legentis claram me fiant. Est mirum amet assum ullamcorper non clari autem, at ad cum. Sollemnes possim augue etiam adipiscing.</p>
</div>
<img src="line.gif" width="770" height="1" alt="line" />
</div>
<div id="fooetr"></div>
</body>
una imagen al final del #mc,
espero y te
functione.
