Navigation wird im Netscape nicht ordentlich dargestellt!

[daniel2910]

Hallo,

Ich hoffe ich bin hier richtig und ihr könnt mir weiter helfen!

Ich habe folgendes Problem:

Ich habe ein Dropdownmenü in meine Seite eingebaut, dieses wird im Internet Explorer, Firefox und Opera richtig angezeigt nur Netscape hat Probleme!

Und zwar wird das Submenü an anderer Stelle angezeigt, etwas über der eigentlichen navi und linksbündig. Ausserdem hat mir jemand gesagt das die Navi im IE6 veritkal dargestellt wird!

Ich würde jetzt ein Screenshot mitschicken aber das geht leider nicht da ich gleichzeitig über die Navi fahren und ein Screenshot machen müsste! Dafür hab ich wohl nicht die passende Software.

Ihr könnt euch das ganze unter http://beta.gb-stylez.de anschauen!

Hier die style.css für die Navi:
___________________________________________
.horizontalcssmenu ul{
clear: both;
padding: 0; margin: 0 0 0 30px;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: auto; /*Width of top level menu link items*/
padding: 0px 8px;
border: 0px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(nav2.jpg) center center repeat-x;
color: #555;
font: bold 12px/35px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
height: 35px;
text-transform: uppercase;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 0px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 120px; /*width of sub menu levels*/
font-weight: normal;
padding: 0px 5px;
background: url(nav2.jpg) center center repeat-x;
border-width: 0 1px 0px 1px;
border-color: #ccc;
}

.horizontalcssmenu ul li a:hover{
background: url(nav3.jpg) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: url(nav3.jpg) center center repeat-x;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* Holly Hack for IE */
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */
_________________________________________

Vielleicht hat jemand eine Idee, danke schonmal!

mfg