Unterschiede zwischen Firefox 1.0 und 1.5

[Sven Burkert]

Hallo,

mir ist jetzt schon öfters aufgefallen, dass es bei der Interpretation von Quelltext zwischen Firefox 1.0 und 1.5 Unterschiede gibt. In meinen aktuellen Fall ein JavaScript-Dropdown-Menü mit transparentem Hintergrund: in FF1.5 funktioniert es, in FF1.0 komme ich nicht auf die Untermenüpunkte und der Hintergrund ist nicht transparent.

Woran liegt das? Welche FF-Version hält sich nun nicht an die Standards bzw welche Version ist fehlerhaft?

Zu sehen ist ein Beispiel unter http://demo8.pixelandfriends.de/

Falls es jmd interessiert der Quellcode:

<ul id="menu" class="menu">
  <li>
    <div id="top"><a href="index.php?id=2" onfocus="blurLink(this);">Company</a></div>
    <ul>
      <li class=submenu><a href="index.php?id=14" onfocus="blurLink(this);">philisophy</a></li>
      <li class=submenu><a href="index.php?id=13" onfocus="blurLink(this);">history</a></li>
      <li class=submenu><a href="index.php?id=12" onfocus="blurLink(this);">unterpunkt3</a></li>
    </ul>
  </li>
  ...
</ul>

#menu-1 {
  float: left;
  border-bottom: 1px solid white;
  height: 78px;
  width: 500px;
  background-color: #162752;
  padding: 0px;
  font-size: 11pt;
}

.menu {
  margin: 0px;
  padding: 50px 0px 0px 10px;
}

/* Submenu */
.menu ul {
  padding-top: 1px;
  position: absolute; /* ?????????? */
}

.menu li {
  display: inline;
  font-weight: bold;
  list-style: none;
  height: auto;
  float: left;
}

.menu li ul {
  visibility: hidden;
}

.menu li li ul {
  position: absolute; /* pour sortir la liste du flux de donnée */
  top: auto;
  left: auto;
  margin-left: 64px;
  margin-top: -123px; /* move the sub menu verticaly */
}

.menu li li {
  display: block;
  float: none;
}

/* correct a little IE bug */
* html .menu li li{
  display: inline;
}

.menu a {
  display: block;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  font-weight: bold;
}

.menu a:hover {
  text-decoration: none;
  background-color: #445374;
}

.menu .submenu a:hover {
  background: url(/fileadmin/images/transparent.jpg);
  filter: Alpha(opacity=90);
  border: 0px #000 solid;
  color: white;
  display: block;
  width: 100px;
  padding: 4px;
  font-weight: bold;
}

/* for a mozilla better display with key nav */
.menu a:focus{
  background-color: #aaf;
}

div[id="menu-1"]>.menu li ul {
  padding-left: 0px;
}

div[id="menu-1"]>.menu li ul a {
  background: url(/fileadmin/images/transparent.png);
  color: white;
  display: block;
  width: 200px;
  text-decoration: none;
  padding: 2px 0px 1px 10px;
}

div[id="menu-1"]>.menu li ul a:hover {
  padding: 2px 0px 1px 10px;
  background-color: white;
  color: #162752;
  width: 200px;
}