Komische Sache ...
Im IE7 funktioniert das DropDown-Menü ohne problemme im IE8 nicht und im FF
auch nicht 
bin irgenwie total ratlos ... kann mir nicht einer helfen ?
Code:
.mod_navigation
{
width:1000px;
font-size:95%;
margin:0 auto;
white-space:nowrap;
}
.mod_navigation ul
{
width:1000px;
float:left;
margin:0;
padding:0;
background-image:url("tl_files/images/navi-rot.png");
background-repeat:repeat-x;
list-style-type:none;
}
.mod_navigation li
{
position:relative;
float:left;
display:inline;
}
.mod_navigation a,
.mod_navigation a:visited
{
background:url("tl_files/images/navi-rot.png") left top repeat-x;
padding:0.25em 1em;
text-decoration:none;color:#fff;
float:left;
}
* html .mod_navigation a,
* html .mod_navigation a:visited
{
width:150px;
w\idth:139px;
}
.mod_navigation ul ul a.drop,
.mod_navigation ul ul a.drop:visited
{
background-color:#0cfa64;
}
.mod_navigation ul ul
{
width:150px;
height:0;
left:0px;
top:29px;
position:absolute;
visibility:hidden;
z-index: 9999;
}
.mod_navigation ul ul ul
{
width:150px;
left:150;
top:0;
}
/* position the third level flyout.mod_navigation for a left flyout */
.mod_navigation ul ul ul.left
{
left:-150px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.mod_navigation table
{
top:0;
left:0;
position:absolute;
}
/* style the second level links */
.mod_navigation ul ul a,
.mod_navigation ul ul a:visited
{
width:129px;
height:auto;
padding:5px 10px;
background-image:url("tl_files/images/navi-rot.png");
color:#000;
line-height:1em;
}
.mod_navigation :hover > a,
.mod_navigation ul ul :hover > a
{
background-image:url("tl_files/images/nav-orange.png");
background-repeat:repeat-x;
color:#fff;
}
/* make the second level visible when hover on first level list OR link */
.mod_navigation ul li:hover ul,
.mod_navigation ul a:hover ul
{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.mod_navigation ul :hover ul ul
{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.mod_navigation ul :hover ul :hover ul ul
{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.mod_navigation ul :hover ul :hover ul
{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.mod_navigation ul :hover ul :hover ul :hover ul
{
visibility:visible;
}
.mod_navigation .active
{
background-image:url("tl_files/images/nav-orange.png");
background-repeat:repeat-x;
padding:4px 4px 4px 5px;color:#ffffff;
}
Navigation
Zitieren
Zitat von Sebastian
Lesezeichen