aydink: DIVs relativ Positionieren - finde keine Lösung !

Beitrag lesen

Vorab: Ein erfolgreiches Jahr an euch alle hier!

Ich habe sonst immer mit tabellen designed, habe aber gemerkt dass man bei etwas anspruchsvollerem bei layern nicht drumrumkommt.

Zu meinem Problem:
Ich möchte nun meine in einen Layer verpackten flash-animationen relativ zu einem mittig ausgerichteten Hauptlayer positionieren.

Beim Firefox siehts auch so aus, wie es aussehen soll aber der IE positioniert die Layer ganz anders (zu weit rechts)!

Wer weiss Rat?

Link: http://aydin.carworld24.net/tech/

Quelltext (ist um unwichtige Inhalte abgespeckt):

<html>
<head>
<style type='text/css'>
#container{
 width:800px;
 height:1000px;
 position: absolute;
 top:-500px;
 left: 50%;
 margin-left:-400px;
 text-align: center;
 z-index:0;
}

#head1, #camani, #menuright{
 position: relative;
}

#head1 {
 top:265px;
 left:0px;
 height:70px;
 width:550px;
 text-align:left;
 z-index:1;
}
#camani {
 text-align:left;
 top:870px;
 left:635px;
 height:150px;
 width:150px;
 z-index:1;
}
#menuright {
 text-align:left;
 top:200px;
 left:160px;
 height:280px;
 width:480;
 z-index:1;
}
#htmlcont {
 top:0px;
 left:0px;
 height:399px;
 z-index:1;
}
</style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id='container'>
 <div id='head1'>
  FLASH OBJECT 1
 </div>
 <div id='camani'>
  FLASH OBJECT 2
 </div>
 <div id='menuright'>
  FLASH OBJECT 3
 </div>
<table width="800" height="1000" border="0" cellpadding="0" cellspacing="0">
 TABELLENINHALT
</table>
</div>
</body>
</html>