IE und margin-right ...

[Fobby]

Hallo zusammen!

Also, um mein Problem besser demonstrieren zu können, hab' ich mal ein Screenshot gemacht ...



Zu sehen sind drei div-boxes, wobei "2" die "1" überlagert. Damit "3" die "2" nicht überlagert, habe ich der "2" das CSS-Attribut margin-right verpasst. Firefox macht auch alles richtig und stellt die Box nur bis zum Beginn von "3" dar. Warum macht IE das nicht, bzw. wie kann ich ihn dazu bringen, es korrekt darzustellen? ( Hab' mal aus Spaß margin-left ausprobiert, das interpretiert er wieder korrekt, nur leider hilft mir das herzlich wenig ... )

Folgend noch etwas Code ...
Html:

<div class="nav">
	<div class="header">
		<img src="images/header/chaosreturns.gif" alt="Chaos Returns">
	</div>
	<div class="navtext">
		<?
		require_once"mainpage/nav.html"
		?>
	</div>
	
</div>

<div class="main">
	<?
	require_once'mainpage/'.$link.'.php'
	?>
</div>

<div class="login">
	<?
	require_once"mainpage/login.php"
	?>
</div>

Und CSS ...

.main {
	position:absolute;
	top:160px;
	left:200px;
	margin-right:200px
}

.login {
	position:absolute;
	top:10px; 
	right:10px
}

.nav {
	background-image:url('../images/nav.jpg');
	width:623px;
	height:587px;
	padding:0px;
	margin:0px;
	position:absolute;
	top:0px;
	left:0px 
}