Hola.
Lo que te muestro a continuación, es simplemente una prueba que estuve haciendo.
Aparentmente, funciona bien para IE y Firefox
Código HTML:
<!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>Test Capas</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<div id="izquierda">Texto</div>
<div id="derecha">Texto</div>
</body>
</html>
Código:
#izquierda {
position: absolute;
width:350px;
float:left; /* flota en la izquierda*/
background-color: #FFCC33;
border-top: 1px solid #999999;
border-right: 1px none #999999;
border-bottom: 1px solid #999999;
border-left: 1px none #999999;
top: 10%;
}
#derecha {
width:370px;
margin-left: 350px; /* se desplaza hacia la derecha*/
background-color: #FF9999;
position: absolute;
border-top: 1px solid #999999;
border-right: 1px none #999999;
border-bottom: 1px solid #999999;
border-left: 1px none #999999;
top: 10%;
}