Kaaht: span - trotzdem zeilenumbruch bei safari

Beitrag lesen

Hi,

ich habe folgendes Problem:
ich verwende für ein Rollovermenü CSS und es klappt auch wunderbar, doch statt IE macht mir safari nun Probleme.
Ziel des ganzen ist es 4 der folgendermaßen definierten spans nebeneinander zu haben. Bei allen getesteten Browsern klappt das auch, nur Safari setzt die spans untereinander.
Irgendwer Ideen?

Das im <head>

<style type="text/css">

#rollovermenu a {
  height: 30px;
  width: 100px;
  display: table-cell;
  background: url("images/link1.jpg") 0px 0px no-repeat;
  }
 #rollovermenu a:hover {
  background-position: 0px -30px;
  }
 #rollovermenu a:active {
  background-position: 0px -30px;
  }

</style>

Und das an der Stelle wo es sein soll:
<span id="rollovermenu">
<a href="index.php"></a>
</span>