✔ Falsche Positionierung in IE

[counteract]

Hallo zusammen,

bei der Positionierung der NavigationsBox habe ich ein Problem mit dem IE.
Die Navigationsbox (navcontainer) ist sitzt in der leftcolumn.

Er verschiebt die Position der Box nach unten. Wie kann ich dieses Problem lösen?

CSS- Code:

#navcontainer ul
{
list-style-type: none;
text-align: left;
}
#navcontainer ul li a
{
background: transparent url(images/list-off.gif) left center no-repeat;
padding-left: 30px;
text-align: left;
font: normal 15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}
#navcontainer ul li a:hover
{
background: transparent url(images/list-on.gif) left center no-repeat;
color: black;
}
#navcontainer ul li a#current
{
background: transparent url(images/list-active.gif) left center no-repeat;
color: #666;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 10px;
 /* padding-top: 90px; */
 width: 195px;
 float: left;
 background-image:url(navi.jpg); background-repeat:no-repeat;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px;
 padding: 10px;
 width: 683px;
 display: inline;
 position: relative;
}

Ich hoffe ihr könnt mir helfen da ich schon einiges ausprobiert habe...

 

[Maik]

Hi,

der dazugehörige HTML-Code wäre zur Beurteilung ganz hilfreich.

Und von welcher IE-Version sprichst du?

mfg Maik

 

[counteract]

		       <!-- Begin Left Column -->
		       <div id="leftcolumn">
               <div id="navcontainer">
<ul id="navlist">
<li id="active"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li><a href="#" id="current">Aktuelles</a></li>
<li><a href="#">Vita</a></li>
<li><a href="#">Die Werkstatt</a></li>
<li><a href="#">Aktionen</a></li>
<li><a href="#">Fotogalerie</a></li>
<li><a href="#">Gem&auml;ldegalerie</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Presse</a></li>
<li><a href="#">Anfahrt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
               </div>  
               </div>
<!-- End Left Column -->

So hier der HTML Teil!
Ich spreche vom IE6.

 

[Maik]

Das liegt schlichtweg an den ersten fünf inhaltsleeren li-Elementen. Somit liegt hier auch keine falsche Positionierung im IE vor.

Der IE7 hält übrigens für diese Elemente ebenfalls einen Platzhalter im Textfluß bereit.

mfg Maik

 

[counteract]

Und so schnell gehts wenn ein Profi drüber kuckt...

Vielen Dank für deine schnelle Hilfe!