Menu Problem

[DerMilchmann]

Hallo an alle!!
Eine Frage kann mir jemand sagen warum mein Menu beim Firefox geht und im IE6 nicht wäre euch sehr dankbar!

#index {
background-image:url(img/index.jpg);
background-repeat:no-repeat;
width:786px;
height:452px;
position:absolute;
top:50%;
left:50%;
margin:-227px 0 0 -393px;

}

ul#deutsch  {
list-style-type:none;
width:170px;
height:24px;
display:block;

}

ul#deutsch li {
background-image:url(img/deutsch.jpg); 
}
 
ul#deutsch a:hover 
{
background-image:url(img/deutschr.jpg) 
}

ul#english {
list-style-type:none;
width:170px;
height:24px;
display:block;
}
 
ul#english li { 
background-image:url(img/english.jpg);
}

ul#english a:hover {
background-image:url(img/englishr.jpg);
}

#deutsch a {display:block; width:100%; height:24px;
}

#english a {display:block; width:100%; height:24px;
}

html

<div id="index">



<ul id="deutsch">
	<li><a href="#" ></a></li>
</ul>
<ul id="english">
	<li><a href="#" ></a></li>
</ul>
</div>

 

[Maik]

Was funktioniert denn im IE nicht wie gewünscht?

 

[Seven Secrets]

Das liegt daran, dass man dem IE ab Version 6 (glaube ich) das extra nbegreiflich machen muß!

sollte dann so aussehen:

<link rel="stylesheet" media="all" type="text/css" href="alle-browser.css" />


<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="browser_ie.css" />
<![endif]-->

<div id="index">

<ul id="deutsch">
<li><a href="#" >link 1</a>
<!--[if lte IE 6]>
<a href="#">link 1
<table><tr><td>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>

<ul id="english">
<li><a href="#" >link 2</a>
<!--[if lte IE 6]>
<a href="#">link 2
<table><tr><td>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>

</div>

Soll heißen, dass du selbst fpür die unterschiedlcihen Browser die CSS-Datein generieren mußt! Und eben für den IE separat das Menü mit einer Tabelle!