Philipp Marquardt: Mouseover mit CSS Problem in Firefox

Beitrag lesen

Hallo ich hoffe ich strapaziere nicht eure Nerven mit diesem Thema, da es vll. schon dutzende Leute hatten. Aber ich versuchs einfach mal. Mein Problem ist das meine Mouseover-buttons in sämtlichen Browsern(IE,Opera,Safari) aber nicht in Firefox(Max/Windows) angezeigt werden. Zu sehen hier:

http://pepe.mynhl.net/Site/

Hier ist mein Quelltext!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <link rel="stylesheet" type="text/css" href="css/Infostyle.css">
  <title>
   Pepe ArT
  </title>

</head>
 <body>
  <div id="block">

<div id="toolbar">

<a id="welcome" href="index.html"></a>
             <a id="welcome2" href="index.html"></a>
  </div>

</body>
</html>

Und hier die CSS

#block {
 font-family: Helvetica, Geneva, Arial, sans-serif;
 background: #ffffff;
 max-width: 705px;
 height: 600px;
}

#toolbar {
 max-width: 1000px;
 height: 600px;

}

#welcome {
 display:inline-block;
    background-image: url(../images/inactive.gif);
    width:200px;
    height:160px
}

#welcome:hover  {
 background-image: url(../images/active.gif);
}

#welcome2 {
 display:inline-block;
    background-image: url(../images/inactive2.gif);
    width:200px;
    height:160px
}

#welcome2:hover  {
 background-image: url(../images/active2.gif);
}

Ich hoffe ihr könnt mir helfen. Mir ist wichtig das ich die mousover buttons ausrichten kann damit alles später einmal so aussieht:

http://pepe.mynhl.net/

Hoffe ihr könnt mir helfen. Und ich entschuldige mich schonmal für mögliche Reposts etc.

Ciao