Layout im IE total verschoben

[timo1992]

Hallo,
Ich mache gerade eine Designanpassung eines eShops.
In allen Browsern funktioniert die Seite einwandfrei, nur der IE verschiebt die Kategorie Box in die Mitte, anstatt nach links und somit ist das ganze Layout verschoben.
Hier die Teile der HTML/CSS:

<div id="content">
	<div id="top_auktionen">
	<img src="bilder/top_auktionen_head.gif" alt="Top Auktionen" />
	<div class="top_auktionen_content">
   ***LAUTER TABELLEN***
	</div>
		<img src="bilder/top_auktionen_bottom.gif" alt="Top Auktionen" />
	</div>
	<div id="winter">
	<div class="winter_head">
		<img src="bilder/winter_head.gif" alt="Winter" />
	</div>
	<div class="winter_content">
		<a href="./zeige_ekat.php?id=2521&amp;SESSION_ID="><img src="bilder/winter_content1.jpg" alt="" title="Dessous" /></a><a href="./zeige_ekat.php?id=2482&amp;SESSION_ID="><img src="bilder/winter_content2.jpg" alt="" title="Begleitung" /></a><a href="./zeige_ekat.php?id=2516&amp;SESSION_ID="><img src="bilder/winter_content3.jpg" alt="" title="Sexy" /></a>
	</div>
	</div>
	<div id="kategorien">
	<img src="bilder/kategorien_head.gif" alt="Kategorien" />
		<div class="kategorien_content">
			<? print $TPL_ecategories_value; ?>
			<p class="werbung_left">
				<a href="./hilfe/index.php?sid=136&lang=de&action=artikel&cat=15&id=15&artlang=de"><img src="bilder/left_paypal.gif" alt="" /></a>
				<a href="./hilfe/index.php?sid=136&lang=de&action=artikel&cat=15&id=16&artlang=de"><img src="bilder/left_xcheck.gif" alt="" /></a>
				<a href="./hilfe/index.php?sid=136&lang=de&action=show&cat=13"><img src="bilder/left_shops.gif" alt="" /></a>
				<a href="./hilfe/index.php?sid=136&lang=de&action=show&cat=14"><img src="bilder/left_mitglieder.gif" alt="" /></a>
				<a href="****" target=_blank><img src="****" border=0 alt="****"></a>
			</p>
		</div>
    </div>

 #content {
 width: 869px;
 margin : 0 auto;
 padding-top: 15px;
 }
 
 #top_auktionen {
 width: 301px;
 height: 291px;
 float: left;
 }

  .top_auktionen_content {
 background: url(bilder/top_auktionen_content.gif) repeat-y;
 width: 301px;
 height: 258px;
 float: left;
 padding-top: 8px;
 overflow: hidden;
 }
 
.top_auktionen_content a {
font-family: Trebuchet MS;
font-size: 11px;
font-weight: bold;
color: #5F5F5F;
text-decoration: none;
}
 
#winter {
 width: 558px;
 height: 294px;
 padding-left: 10px;
 float: right;
}

.winter_head {
float: right;
}

.winter_content {
 background: none;
 width: 558px;
 height: 265px;
 float: right;
 overflow: hidden;
}

#kategorien {
 width: 179px;
 float: left;
 padding-top: 17px;
}

.kategorien_content {
 background: url(bilder/kategorien_content.gif) repeat-y;
 width: 179px;
 height: auto;
}

Ich habe bereits versucht, den Inhalt der Top Auktionen Box (Oben links) und den Inhalt der Kategorien Box rauszunehmen, aber es ändert sich nichts.
Ich habe noch einen Screen angehängt.
Ich hoffe auf Eure Hilfe.
Danke.
Timo

 

[Maik]

Hi,

wenn ich für #kategorien entweder die float:left-Deklaration entferne, oder zusätzlich clear:left angebe, verschiebt der IE6 die Box nicht zur Mitte - im IE7 gibt's bei mir keine derartigen Verschiebungen. Das nächste Mal also bitte auch die IE-Version nennen, in der bei dir die Probleme auftreten.

mfg Maik