EDIT: Kann mir jemand mit Google-Chrome ein Screenshot machen?
Kann man mein Coolmenü so umschreiben das es für alle Browser ist?
Also so das es immer richtig angezeigt wird?
So siehst es mit Firefox aus (RICHTIG):
So sieht es mit Internet Explorer 8 aus (FALSCH):
Mein Coolmenü-Code
Code: <style type="text/css" media="screen">
<!--
/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }
/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 5px;
padding-top: 5px; }
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 231px;
left: 50%;
margin-left: -284px;
width: 570px; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 114px;
float: left; }
/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #none;
background-color: #none;
background-image: url(http://img.webme.com/pic/m/mbcool/back12.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 24px;
color: #FFFFFF; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #none;
background-image: url(http://img.webme.com/pic/m/mbcool/back123.png);
color: #FF0000; }
#smenu1 , #smenu2 , #smenu3 , #smenu4 , #smenu5 , #smenu6 , #smenu7 {
font-size: 12px;
display: none;
width: 114px;
height: 45px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>
<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->
<div class="menu">
<li> <a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> <span style="color: rgb(255, 0, 0);">A</span>llgemein</a></a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://mbcool.de.tl/Home.htm "><span style="color: rgb(255, 255, 255);">Home</span></a></li>
<li><a href="http://mbcool.de.tl/G.ae.stebuch.htm"><span style="color: rgb(255, 255, 255);">Gästebuch</span></a></li>
<li><a href="http://mbcool.de.tl/neuigkeiten.htm"><span style="color: rgb(255, 255, 255);">Neuigkeiten</span></a></li>
<li><a href="http://mbcool.de.tl/Kontakt.htm"><span style="color: rgb(255, 255, 255);">Kontakt</span></a></li>
<li><a href="http://mbcool.de.tl/Sitemap.htm"><span style="color: rgb(255, 255, 255);">Sitemap</span></></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> <span style="color: rgb(255, 0, 0);">L</span>inks</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://mbcool.de.tl/Partner.htm"><span style="color: rgb(255, 255, 255);">Partner</span></a></li>
<li><a href="http://mbcool.de.tl/Topliste.htm"><span style="color: rgb(255, 255, 255);">Topliste</span></a></li>
<li><a href="http://mbcool.de.tl/mein-banner.htm"><span style="color: rgb(255, 255, 255);">Mein Banner</span></a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> <span style="color: rgb(255, 0, 0);">U</span>nterhaltung</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://mbcool.de.tl/Videos.htm"><span style="color: rgb(255, 255, 255);">Videos</span></a></li>
<li><a href="http://mbcool.de.tl/Bilder.htm"><span style="color: rgb(255, 255, 255);">Bilder</span></a></li>
<li><a href="http://mbcool.de.tl/Games.htm"><span style="color: rgb(255, 255, 255);">Spiele</span></a></li>
<li><a href="http://mbcool.de.tl/Witze.htm"><span style="color: rgb(255, 255, 255);">Witze</span></a></li>
<li><a href="http://mbcool.de.tl/Opt-.--T.ae.uschungen.htm"><span style="color: rgb(255, 255, 255);">Opt. Täuschungen</span></a></li>
<li><a href="http://mbcool.de.tl/Zungenbrecher.htm"><span style="color: rgb(255, 255, 255);">Zungenbrecher</span><br /></a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" href="javascript:void(0);"> <span style="color: rgb(255, 0, 0);">W</span>ebmaster</a>
<ul onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" id="smenu6">
<li><a href="http://mbcool.de.tl/Dienste.htm"><span style="color: rgb(255, 255, 255);">Dienste</span></a></li>
<li><a href="http://mbcool.de.tl/Homepage_Check.htm"><span style="color: rgb(255, 255, 255);">Homepage Check</span></a></li>
<li><a href="http://mbcool.de.tl/Bilder-hochladen.htm"><span style="color: rgb(255, 255, 255);">Bilder hochladen</span></a></li>
<li><a href="http://mbcool.de.tl/Designs.htm"><span style="color: rgb(255, 255, 255);">Design</span></a></li>
<li><a href="http://mbcool.de.tl/Design_Zubeh.oe.r.htm"><span style="color: rgb(255, 255, 255);">Design zubehör</span></a></li>
<li><a href="http://mbcool.de.tl/Codes-und-mehr.htm "><span style="color: rgb(255, 255, 255);">HTML Codes</span></a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" href="javascript:void(0);"> <span style="color: rgb(255, 0, 0);">I</span>nfos</a>
<ul onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" id="smenu7">
<li><a href="http://mbcool.de.tl/Auszeichnungen.htm"><span style="color: rgb(255, 255, 255);">Auszeichnungen</span></a></li>
<li><a href="http://mbcool.de.tl/-Ue-ber-mich.htm"><span style="color: rgb(255, 255, 255);">Über mich</span></a></li>
<li><a href="http://mbcool.de.tl/Statistik.htm"><span style="color: rgb(255, 255, 255);">Statistik</span></></li>
<li><a href="http://mbcool.de.tl/Impressum.htm"><span style="color: rgb(255, 255, 255);">Impressum</span></a></li>
</ul>
</li>
</div>