float-/margin-proble mit ie6

[suit]

hallo,
im folgenden mein start vereinfachter quelltext

<style type="text/css">
#mitte {
background-color: #FF0000;
height: 150px;
width: 730px;
}

#links {
float: left;
width: 415px;
margin-left: 15px;
background: #378487;
}

#rechts {
float: left;
width: 270px;
margin-left: 15px;
background: #378487;
}
</style>

<div id="mitte">
<div id="links">links</div>
<div id="rechts">rechts</div>
</div>

firefox und opera machen es so wie es gedacht war - #links hat 15px zum linken rand, #rechts hat 15px zu links und die 15px rechts bleiben frei - exakt

aber ie6 hat offenbar die lust, den margin-left-wert zu verdoppeln auf 30px

wenn ich 1px eingebe, macht ie2 usw - immer das doppelte von dem, was ich sage - auch margin: 0px 0px 0px 15px; hat keinen effekt

wo ist mein denkfehler?

btw: unter ie7 konnte ich das ganze ebenfalls noch nicht ausprobieren

danke vorweg fuer die hilfe

[wahsaga]

hi,

aber ie6 hat offenbar die lust, den margin-left-wert zu verdoppeln auf 30px

wenn ich 1px eingebe, macht ie2 usw - immer das doppelte von dem, was ich sage

Du hast soeben Bekanntschaft mit dem IE Doubled Float-Margin Bug gemacht.

gruß,
wahsaga

[suit]

Du hast soeben Bekanntschaft mit dem IE Doubled Float-Margin Bug gemacht.

die Firma dankt, ich hab mich schon dumm und daemlich gegoogelt gehabt ;)