a ver asi (se ve perfecto en firefox & opera)
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
#main {
width:628px;
height:450px;
margin:auto;
border:2px solid #000000;
padding:0px;
}
#div1 {
width:150px; /* 158 */
height:440px;
margin:4px 2px 4px 4px;
float:left;
border:1px solid #000000;
padding:0px;
}
#div2 {
width:150px; /* 156 */
height:440px;
margin:4px 2px 4px 2px;
float:left;
border:1px solid #000000;
padding:0px;
}
#div3 {
width:150px; /* 156 */
height:440px;
margin:4px 2px 4px 2px;
float:right;
border:1px solid #000000;
padding:0px;
}
#div4 {
width:150px; /* 158 */
height:440px;
margin:4px 4px 4px 2px;
float:right;
border:1px solid #000000;
padding:0px;
}
</style>
</head>
<body>
<div id="main">
<div id="div1">capa 1</div>
<div id="div2">capa 2</div>
<div id="div4">capa 4</div>
<div id="div3">capa 3</div>
</div>
</body>
</html>