IE6 mal wieder... Brauche dringend Hilfe!

[zENITH]

Hallo Community,

das Bild spricht denke ich für sich!

Hier mein code:

	#navcontainer 
  
  {
  
border-width:0px 1px 0px 1px;
border-style:solid;
padding-right:0px;
margin:0px auto 0;
height:20px;
width:800px;
	}
	#navcontainer ul li
	{
		list-style: none;			
                float:left;
		background: url("images/normal.gif")  repeat-x 20px;
		font-size:10px;
		font-weight:bold;		
		font-family: verdana;
		text-align: center;
		letter-spacing:3px;
                width:100px;
                line-height:20px;
	}
	
	
    ul
    { 

    padding:0px;
    margin:0px;
  
    }
	
	#navcontainer a
	{
	        width:100px;
		color: #000;
		margin: 0px;
	        text-decoration: none;
		display: block;
		padding:0px;
		float:left;
		
		border-left: 1px solid #A8B090;
	}

Es gibt 8 Menüpunkte je 100 pixel. Ingesamt ist die Breite 800px.
Jeder andere Browser kann richtig rechnen , IE6 wohl nicht.
Gibt es ne Möglichkeit, dies zu verbessern?

Ich danke vielmals im Vorraus.

Mfg
amigo

 

[Maik]

Hi,

hier tritt im IE6 sein altbekannter "3px-Gap-Bug" in Erscheinung - siehe auch CSS Unerwünschter Abstand zwischen floatenden Boxen im IE6 - was tun?

Abhilfe schafft da folgende Regelerweiterung:

#navcontainer ul li
        {
                list-style: none;
                float:left;
                background: url("http://www.tutorials.de/forum/images/normal.gif")  repeat-x 20px;
                font-size:10px;
                font-weight:bold;
                font-family: verdana;
                text-align: center;
                letter-spacing:3px;
                width:100px;
                line-height:20px;
                margin-right:0 !important;
                margin-right:-3px;
        }

mfg Maik