Dom: Menu spinnt!

Hallo ich hab eine HP gemacht, nur beim Menu gibts es leider einen fehler manchmal funkttionier es super dann wieder mal nicht!

Im firefox geht es eigentlich zu 99%
nur beim inet explorer geht es fast nie!

hier mal der quelltext des menus

<tr>
<td   valign="top" width="189"  class="nav" bgcolor="#FFFFFF" height="1129" >
<br>
<!--Beginn Rubrik 1 linke Seite-->
<p>&nbsp;</p>
<table bgcolor="#ffffff" width="170" border="0" cellpadding="0" cellspacing="2"    id="menu" align="center" style="border:solid 1px silver" >
<tr>

<td class="rubrik">&nbsp;Information</td>
</tr>
<tr>
<td ><a href="infos.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Allgemein</a></td>
</tr>
<tr>
<td ><a href="preise.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Preise</a></td>
</tr>
<tr>
<td ><a href="faqs.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;FAQ´s</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Kontakt</a></td>

</tr>

</table>

<!--Ende Rubrik 1 linke Seite-->
<p>
<br>
<!--Beginn Rubrik 2 linke Seite-->
</p>

<!--Ende Rubrik 2 linke Seite-->
<p>&nbsp;</p>
<table bgcolor="#ffffff" width="170" border="0" cellpadding="0" cellspacing="2"    id="menu" align="center" style="border:solid 1px silver" >
<tr>
<td class="rubrik">&nbsp;Service</td>
</tr>

<tr>
<td ><a href="escorts.html"  >&nbsp;&nbsp;<span class="pfeil">»</span>&nbsp;Escort`s</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Buchen</a></td>
</tr>
<tr>
<td ><a href="reisebegleitung.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Reisebegleitung</a></td>
</tr>
<tr>
<td ><a href="strip.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Men Striptease</a></td>
</tr>

<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Bewerbung</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Links</a></td>
</tr>

</table>

dann die ccs datei:

/* schriftstil,abstände */

body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; color: black;  background-color:#FFFFFF; font-family: verdana,arial; font-size: 10pt;}

table, tr, td
{ color: black ;font-family: verdana,arial; font-size: 10pt}

/* menue linke  seite */

#menu a {display: block;
background-color:#FFFFFF;
color:#000000
; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
width:176px;
border:solid 1px silver;
padding:1px;
}

#menu a:visited{background-color:#FF7F00;
color:#000000;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt; width:176px;
border:solid 1px silver;
padding:1px;
}

#menu a:active{background-color:#e6e6e6;
color:black;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;width:176px;
border:solid 1px silver;
padding:1px;
}

#menu a:hover {background-color:#EFEFEF;
color: #000000;
text-decoration:none ;font-family:verdana, sans-serif; font-size:10pt;
width:176px;
border:solid 1px silver;
padding:1px;
}

.pfeil{color:#ffffff;font-weight:bold}

/* menütitel */

.rubrik {padding-left:5px;background-color:#FFFFFF; color:black;  text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;width:140px;
padding-top:1px;
padding-bottom:1px;
height:18px;
}

/* hauptleisten */

.leiste {background-color:#FFFFFF; color:black;  text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
padding-left: 2px; padding-bottom: 2px; padding-top: 2px;margin: 0px auto;
height:22px;
border:solid 1px silver;
}

.nav {background-color:#FFFFFF; color:black;  text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
padding-left: 1px; padding-bottom: 1px; padding-top: 1px;
border:solid 1px silver;
}

/* allgemeine links im text */

a:link{ color: black; text-decoration:underline;font-family: verdana; font-size: 10pt;padding-left: 2px;padding-right: 2px;}

a:visited{color:black;text-decoration:underline;font-family: verdana; font-size: 10pt;padding-left: 2px;padding-right: 2px;}

a:active{ color:black;text-decoration:underline;font-family: verdana; font-size: 10pt; padding-left: 2px;padding-right: 2px;}

a:hover{ color: #000000;background-color:#ffffff;  text-decoration:none;font-family: verdana; font-size: 10pt;padding-left: 2px;padding-right: 2px; }

im Inet explorer funkt das menu nicht da ist es entweder weiss oder orange!

Ss soll aber alles orange sein und bei mouseover dann erst weiss werden!

Itte könnt ihr mir den fehler sagen?

  1. hi,

    hier mal der quelltext des menus

    Warum ist das so ein Tabellenwust?

    <td   valign="top" width="189"  class="nav" bgcolor="#FFFFFF" height="1129" >
    <br>

    Was will BR hier?
    Warum regelst du Abstände nicht per CSS über margin oder padding?

    <!--Beginn Rubrik 1 linke Seite-->
    <p>&nbsp;</p>

    Siehe oben.

    <td class="rubrik">&nbsp;Information</td>

    <td ><a href="infos.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Allgemein</a></td>

    <td ><a href="preise.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Preise</a></td>

    Was sollen diese &nbsp; überall - warum regelst du Abstände nicht über CSS?

    Itte könnt ihr mir den fehler sagen?

    Du wendest HTML reichlich sinnfrei an.

    Für ein Menü, also eine Liste von Links, bietet es sich an, auch das HTML-Element für eine Liste zu verwenden.

    http://css.maxdesign.com.au/listamatic/ liefert dir zahlreiche Beispiele für die Umsetzung einer Navigaton mit einer Liste.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }