Salve ragazzi,

ho un layout a 3 colonne, per ciascuna ho attribuito un'immagine di sfondo. (background-image: url(img/nome.gif))
Mentre in FF 1.0.4 le tre immagini combaciano perfettamente, con IE6.0SP1 esiste uno spazio di 2px tra le due colonne laterali e quella centrale.

Non riesco ad eliminarlo con IE e anche se riuscissi a farlo, si comprimerebbe quello di FF

Eppure non ho utilizzato, margin o padding.
Come posso fare per risolvere il problema con IE ?

Eccovi


il CSS


body {
font-family: Verdana,sans-serif;
font-size: 10px;
background: White;
color: #7E4317;
}

#container {
width: 772px;
\width: 792px;
w\idth: 772px;
border: 1px solid #ff9900;
margin-left: auto;
margin-right: auto;
}

#header {
padding: 1px 0px 1px 0px;
background-color: rgb(213, 219, 225);
height: 102px;
}
#content {
height: 654px;
margin-left: 213px;
margin-right: 123px;
background-image: url(img/content.gif);
}

#sidebar_left {
height: 654px;
float: left;
width: 213px;
\width:223px;
w\idth:213px;
background-image: url(img/sb_left.gif);

}

#sidebar_right {
height: 654px;
float: right;
width: 123px;
\width:133px;
w\idth:123px;
background-image: url(img/sb_right.gif);
}

#footer {
clear: both;
}


l'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 name="generator" content="http://www.inknoise.com/experimental/layoutomatic.php" />
<LINK href="3c2pag.css" rel="stylesheet" type="text/css">
</head>

<body>



<div id="container">


<DIV id="header">Header</DIV>



<div id="sidebar_left">sidebar_left</div>



<div id="sidebar_right">sidebar_right</div>



<div id="content">content</div>


<div id=footer>footer</id>
</div>


</body>
</html>