Ich krieg es einfach nicht hin. Ein bekannter hat sich dieses Template besorgt.
Die Navi funktioniert im IE7 und im Safari und Firefox problemlos.
IE8 IE9 machen Probleme
http://goo.gl/yOWGO
CODE
#nav {float:right; width:700px;}
#nav ul.level-1 { /*width:700px;*/ float:left; margin:auto; height:69px; padding:35px 0; list-style:none; display:block; }
#nav li { padding:20px 16px; float:left; border-left:1px solid #014254; border-right:1px solid #002b36; /*position:relative;*/ display:block; white-space: nowrap; }
#nav a { display:block; font-weight:bold; color:#fff; font-size:1.3em; }
#nav a:hover { color:#bde2f8; text-decoration:none; }
#nav span { color:#b7b5b5; font-size:1.1em; /*display:block;*/}
#nav ul.sub-menu { display:none; margin:5px; position:absolute; top:75px; left:0px; z-index:100000; list-style:none; margin:0; }
#nav ul.sub-menu li { clear:both; display:block; width:170px; border:none; }
#nav ul.sub-menu li a { font-size:1.1em; font-weight:normal; color:#eee; }
#nav ul.sub-menu li ul { top:0; left:170px; }
#nav ul.black ul.sub-menu { -moz-box-shadow: 0 0 5px #000; padding:9px 0; -webkit-box-shadow: 0 0 5px #000; background-color:#000; filter:alpha(opacity = 80); border:1px solid #333; background:rgba(0,0,0,0.8); }
#nav ul.black ul.sub-menu li { padding:6px 18px; }
#nav ul.black ul.sub-menu li:hover, #nav ul.black ul.sub-menu li.sub:hover { background-color:#0F0F0F; background-color:rgba(0,0,0,0.6) }
#nav ul.black ul.sub-menu li.sub { background:url('../images/icons/arrow-sub.png') 190px center no-repeat; }
#nav ul.black ul.sub-menu ul { top:-10px; }
#nav ul.white ul.sub-menu { background:url('../images/bg/dropdown_bg.png'); left:6px; padding:16px 0 9px; }
#nav ul.white ul.sub-menu li { padding:7px 26px 6px 12px }
#nav ul.white ul.sub-menu li.sub { background:url('../images/icons/dropdown_arrow_right.png') 190px center no-repeat; }
#nav ul.white ul.sub-menu a { color:#555; }
#nav ul.white ul.sub-menu li:hover a { color:#333; }
#nav ul.white ul.sub-menu li:hover { background-color:#ECECEC; }
#nav ul.white ul.sub-menu li ul { background:url('../images/bg/dropdown_open_bg.png'); margin-left:-5px; left:126px; }
#nav ul.white ul.sub-menu li ul li { padding:6px 12px; margin-left:6px; }
#nav ul.white ul.sub-menu li ul { padding-top:0 !important; padding-bottom:0 !important }
#nav ul.level-1 { /*width:700px;*/ float:left; margin:auto; height:69px; padding:35px 0; list-style:none; display:block; }
#nav li { padding:20px 16px; float:left; border-left:1px solid #014254; border-right:1px solid #002b36; /*position:relative;*/ display:block; white-space: nowrap; }
#nav a { display:block; font-weight:bold; color:#fff; font-size:1.3em; }
#nav a:hover { color:#bde2f8; text-decoration:none; }
#nav span { color:#b7b5b5; font-size:1.1em; /*display:block;*/}
#nav ul.sub-menu { display:none; margin:5px; position:absolute; top:75px; left:0px; z-index:100000; list-style:none; margin:0; }
#nav ul.sub-menu li { clear:both; display:block; width:170px; border:none; }
#nav ul.sub-menu li a { font-size:1.1em; font-weight:normal; color:#eee; }
#nav ul.sub-menu li ul { top:0; left:170px; }
#nav ul.black ul.sub-menu { -moz-box-shadow: 0 0 5px #000; padding:9px 0; -webkit-box-shadow: 0 0 5px #000; background-color:#000; filter:alpha(opacity = 80); border:1px solid #333; background:rgba(0,0,0,0.8); }
#nav ul.black ul.sub-menu li { padding:6px 18px; }
#nav ul.black ul.sub-menu li:hover, #nav ul.black ul.sub-menu li.sub:hover { background-color:#0F0F0F; background-color:rgba(0,0,0,0.6) }
#nav ul.black ul.sub-menu li.sub { background:url('../images/icons/arrow-sub.png') 190px center no-repeat; }
#nav ul.black ul.sub-menu ul { top:-10px; }
#nav ul.white ul.sub-menu { background:url('../images/bg/dropdown_bg.png'); left:6px; padding:16px 0 9px; }
#nav ul.white ul.sub-menu li { padding:7px 26px 6px 12px }
#nav ul.white ul.sub-menu li.sub { background:url('../images/icons/dropdown_arrow_right.png') 190px center no-repeat; }
#nav ul.white ul.sub-menu a { color:#555; }
#nav ul.white ul.sub-menu li:hover a { color:#333; }
#nav ul.white ul.sub-menu li:hover { background-color:#ECECEC; }
#nav ul.white ul.sub-menu li ul { background:url('../images/bg/dropdown_open_bg.png'); margin-left:-5px; left:126px; }
#nav ul.white ul.sub-menu li ul li { padding:6px 12px; margin-left:6px; }
#nav ul.white ul.sub-menu li ul { padding-top:0 !important; padding-bottom:0 !important }