FF vs IE - Menu richtig "umwandelbar"?

[Tokuul]

Hi,
es geht um folgende Webseite:
http://tokuul.to.funpic.de/
Das Menu wird ohne "border-collapse: collapse;" im Firefox richtig angezeigt, aber vollkommen falsch beim Internet Explorer. Durch das "border-collapse: collapse;" wird das Menu im IE fast richtig angezeigt (nur eine Kleinigkeit sollte anders sein: Wenn man mit der Maus über den Bereich des Links fährt, sollte der Hintergrund schon braun werden - nicht erst direkt auf dem Schriftzug), aber im FF ist es um genau einen Pixel nach oben und nach links verschoben!
Was kann man noch ändern damit es im FF wieder richtig funktioniert?

Hier der Code der relevanten css-Abschnitte:

#menu, #bottom, #tdmenu {
  float: left;
  background: #fffac4;
  z-index: 0;
}
#menu { padding: 0; margin-top: 15px; margin-left: 10px; margin-right: auto;
        border: 0 none inherit; text-align: center; }
#bottom { width: 948px; height: 17px; padding: 1px; padding-left: 3px;
          padding-right: 3px; margin-top: 15px; margin-left: 10px;
          border: 1px solid #000000; text-align: right; }
#tdmenu { width: 100px; text-align: left; border-color: #000000;
          border-style: solid; border-width: 1px; border-top-width: 0;
          border-collapse: collapse; }

#tdinfo, #tdcomm, #tddown, #tdallg {
  height: 22px;
  border-top: 2px solid #000000;
  border-bottom: 1px solid #000000;
}
#tdinfo { background: url(mnu_information.png) #ffcc66 no-repeat 50% 50%; }
#tdcomm { background: url(source/images/mnu_community.png) #ffcc66 no-repeat 50% 50%; }
#tddown { background: url(source/images/mnu_downloads.png) #ffcc66 no-repeat 50% 50%; }
#tdallg { background: url(source/images/mnu_allgemein.png) #ffcc66 no-repeat 50% 50%; }

#tdstart {
  background: url(source/images/mnu_startseite.png) #ffcc66 no-repeat 50% 50%;
  height: 22px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

a.menu {
  display: block;
  text-align: left;
  text-decoration: none;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma, Helvetica;
  border: 0;
}
a.menu:hover {
  background-color: #660000;
  color: #fffac4;
  border: 0px solid #000000;
}

Ich hoffe ihr könnt helfen,
gruß Tokuul!

[Kropff]

Wenn man mit der Maus über den Bereich des Links fährt, sollte der Hintergrund schon braun werden

mach aus dem a.menue mal ein
a:link.menue, a:active.menue, a:visited.menue und gib noch eine feste breite an, dann müßte es eigentlich klappen.

aber im FF ist es um genau einen Pixel nach oben und nach links verschoben!

probier mal

body
{
    margin: 0px;
} 

gruss
peter

[TobiaZ]

das ganze sollte denke ich auch ohne tabelle funktionieren, vielleicht hilft dir das.

[Tokuul]

Original geschrieben von TobiaZ
das ganze sollte denke ich auch ohne tabelle funktionieren, vielleicht hilft dir das.

Danke schonmal. Ich werde es mal ausprobieren, melde mich dann nochma

[Tokuul]

[CSS]

Original geschrieben von Kropff
probier mal

body
{
    margin: 0px;
} 

gruss
peter [/B]

Das mit dem menu hat funktioniert, danke!!!

...aber wenn ich den body auf "margin: 0px;" setze ist die HP direkt am oberen Rand ausgerichtet, da verändert sich leider nichts an der Posiotion des Menus.
Vielleicht weiß noch jemand Rat!

[Tokuul]

Re: [CSS]

Original geschrieben von Tokuul
...aber wenn ich den body auf "margin: 0px;" setze ist die HP direkt am oberen Rand ausgerichtet, da verändert sich leider nichts an der Posiotion des Menus.
Vielleicht weiß noch jemand Rat! [/B]

Ja, noch ein Versuch.