[Ovillo] Problema con Footer en Margin-Top

Vie Jun 1 00:26:17 UTC 2007

Hola,

basicamente mi layout css esta asi:

body {
margin:0 auto;
text-align:center;
}

#contenedor {
width:750px;
margin:0 auto;
text-align:left;
}

#contenido {
background:#DDD;
float:left;
width:540px;
}

#ladoa {
background:#00FF00;
float:right;
margin-left:10px;
width:200px;
}

#pie {
background:#FFFF00;
margin-top:15px;
clear:both;
}

y en implementacion es algo mas o menos asi:

<html>
<head>
<title>TEST...</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
</head>

<body>

<div id="contenedor">
<div id="contenido">
<p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor
sit amet Lorem ipsum dolor sit amet</p>
</div>

<div id="ladoa">
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
</div>

<div id="pie">
<p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor
sit amet Lorem ipsum dolor sit amet</p>
</div>
</div>

</body>
</html>

pero el problema radica en que mi footer no funciona ni con IE ni con FF el
atributo margin-top solo sirve el margin-bottom y no se por que!!!! se me
pega mucho el #pie al #contenido :'(

alguna idea???? necesito su ayuda!!!

saLudOs