Hallo,
ich habe ein kleines problem, ich habe eine kleines menü erstellt. Wenn man mit der Maus drüber fährt klappt es sich auf. Allerdings nur im Mozilla Browser. Nicht im IE
Kann mir jemand helfen
ich glaube das problem haben viele mit dem IE und CSS
ich habe ein kleines problem, ich habe eine kleines menü erstellt. Wenn man mit der Maus drüber fährt klappt es sich auf. Allerdings nur im Mozilla Browser. Nicht im IE
Kann mir jemand helfen
ich glaube das problem haben viele mit dem IE und CSS
Code:
#menu{
width: 100%; background: #eee; float: left;}
#menu ul{
list-style: none; margin: 0; padding: 0; width: 80px; float: left;}
#menu a, #menu h2{
font: bold 11px/16px arial, helvetica, sans-serif;
display: block; border-width: 1px; border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0; padding: 2px 3px;}
#menu h2{
color: #FF8635; background: #96D12C; text-transform: uppercase;}
#menu a{
color: #000; background: #efefef; text-decoration: none;}
#menu a:hover{
color: #a00; background: #fff;}
#menu li{
position: relative;}
#menu ul ul{
position: absolute; z-index: 500;}
#menu ul ul ul{
position: absolute; top: 0; left: 100%;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul{
display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{
display: block;}
</style>
<table><tr><td>
<div id="menu">
<ul>
<li><h2>Titel 1</h2>
<ul>
<li><a href="#">eins</a></li>
<li><a href="#">zwei</a></li>
<li><a href="#">drei</a></li>
</ul>
</div>
</td></tr></table>
