Jesterfox: IE und left/right

Beitrag lesen

Hi,

ich versuche gerade ein mehrspaltiges Layout mit position:absolute hinzubekommen.

Ansatz:
body{
     margin:0px;
     padding:0px;
}
#menu{
 position:absolute;
 left:10px;
 top:120px;
 width:150px;
}
#content{
 position:absolute;
 top:80px;
 right:160px;
 left:170px;
 border-right:solid 1px red;
 border-collapse:collapse;
 padding:10px;
 margin:0px;
}
#extra{
 position:absolute;
 right:0px;
 width:140px;
 top:80px;
 border-left:solid 1px white;
 border-collapse:collapse;
 padding:10px;
 margin:0px;
}
#header{
 height:70px;
 text-align:center;
}

Problem:

die Linien zwischen den 2. und 3. DIV überdecken sich beim IE je nach Fensterbreite nicht, er scheint die Positionierung nicht Pixelgenau vorzunehmen sondern ein Raster anzuwenden. Ist irgendetwas darüber bekannt und gibts eine Lösung?

Zugehöriges HTML:
(Doctype ist HTML 4.01 Strict)

<div id="menu">
            <ul id="nav">
                <li>Punkt 1</li>
                <li>Punkt 2</li>
                <li>Punkt 3</li>
            </ul>
        </div>
        <div id="header">
         <h1>Überschrift</h1>
        </div>
        <div id="content">
        Ein paar Zeilen mit Text, damit man auch etwas sieht.
        ...
        <div id="extra">
        Ein paar Zeilen mit Text, damit man auch etwas sieht.
        ...
        </div>

Gruß,

Harlequin