layout mit css anstatt mit tabellen

[Turtle]

Hallo,

ich bin dabei mich (endlich) vom reinen tabellenlayout zu entfernen und mehr mit css zu layouten.

ich habe dabei folgendes problem:

ich möchte einen zentrierten, 760px breiten div in der kopfzeile.
hierin befinden sich zwei divs, das "linke" eine grafik und das rechte eine rechtsgesetzte grafik. beide grafik enthalten eine linie,
die zusätzlich im rechten div als hintergrundgrafik platziert ist.

im firefox sieht alles wunderbar aus, die linie ist durchgehend.
im MSIE6 allerdings wird die hintergrundgrafik des rechten divs ein paar pixel rechts neben der linken divgrenze angzeigt. die linie ist also unterbrochen.

ich weiss nicht, wie ich es nach etlichem probieren hinbekomme.

hier quelltext und css:

HTML:
-----------------------------------------------
<div id="topDiv" align="center">
 <div id="navTopDiv"><img src="images/topLeft.gif" alt="" width="181" height="99"></div>
 <div id="contentTopDiv"><img src="images/logo.gif" alt="architekturb&uuml;ro ising" width="408" height="99"></div>
</div>
-----------------------------------------------

CSS:
-----------------------------------------------
div#topDiv
{
 height:99px;
 width:760px;
 margin:auto;
 border:0px dashed #00FFFF;
}

#navTopDiv, #contentTopDiv
{
 height:99px;
}
#navTopDiv
{
 background-image:url(images/topLeftBg.gif);
 background-repeat:repeat-x;
 padding-right:0px;
 float:left;
}

#contentTopDiv
{
 background-image:url(images/topBg.gif);
 background-repeat:repeat-x;
 text-align:right;
 border:0 px dotted #FF0000;
}
-----------------------------------------------

hat jemand eine idee, woran das liegt oder wie ich die linie durchgezogen angezeigt bekommen.

sonst werde ich (leider) eine tabelle daraus machen.

gruss und danke,
turtle