Layou Mal Formado Ie6 Por Causa De Borda

Um layout que estou montando está se desmontando(:/) no IE6 por causa de uma maldita borda mas que estéticamente deve continuar.

No FF, layout montado corretamente:
Posted Image

Já no IE6:
Posted Image

Quando eu tiro a borda de fora, o layout fica certo no ie.

O código cru, só com o erro, pode ser baixado aqui.

Alguém sabe como corrigir isso?

CSS:

* {
font-family:"Trebuchet MS", Arial, Tahoma;
margin:0;
padding:0;
list-style:none;
text-decoration:none;
border:none;
vertical-align:middle
}

body {
text-align:center;
background: #ff00d8
}

#corpo {
border:3px solid #464646;
width:754px;
position: absolute;
left: 50%;
margin-left: -377px;
}

#topo {
height:159px;
background: url(../images/topo.jpg) no-repeat center center;
/* 
border:1px solid red;
*/
}

#loginEsq {
background: url(../images/baixoTopo.jpg) no-repeat center center;
width: 406px;
height:31px;
float:left;
top:0;
}

#loginDir{
background: url(../images/bg_login.jpg) no-repeat center center;
width: 348px;
height:31px;
float:right;
top:0;
}

#conteudo {
height:400px;
background-color:#d2d2d2;
/* width: auto; */
}

#rodape {
clear: both;
background: url(../images/rodape.jpg) no-repeat center center;
width:754px;
height:128px;
}

HTML:

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>ERRO NO IE</title>
	<link rel="stylesheet" href="./css/estilos.css" type="text/css">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="corpo">
	<div id="topo">
	</div>
	<div id="loginEsq">
	</div>
	<div id="loginDir">
	</div>
	<!-- <div id="menu">
	</div> -->
	<!-- <div id="conteudo">
	</div> -->
	<div id="rodape">
	</div>
</div>
</body>
</html>

Attached Files

ERRO.zip 25.92KB 0 downloads

#1 Cassiano Tartari

Attached Files

#2 Cassiano Tartari

1 user(s) are reading this topic

Layou Mal Formado Ie6 Por Causa De Borda

#1 Cassiano Tartari

Attached Files

#2 Cassiano Tartari

1 user(s) are reading this topic

Entrar