Links mit display:block und trotzdem nebeneinander?

[Dave]

Hallo Forum,

kann ich mit CSS die Links in meinem Menü so formatieren, dass sich beim hovern das Hintergrundbild ändert, ich die Links aber trotzdem nebenainander anzeigen kann? Das Problem ist nämlich folgendes: in jedem Link des Menüs soll ein ca. 3x3cm großes Bild gesetzt werden, dass sich beim Überfahren des Links verändert, hierfür habe ich die Bilder als Hintergrundbilder eingefügt. Damit ich die Links immer gleich groß hinkriege, musste ich die Links mit display:block formatieren. Dadurch entsteht aber logischerweise ein Zeilenumbruch nach jedem Link.

Wie kann ich diesen also herausnehmen? Oder sollte ich hierbei doch besser auf Javascript zurückgreifen?

Vielleicht wichtig: Das Menü ist eine <ul>, jeder Links in einem Listenpunkt. Es hat auch nichts gebracht, jedem li ein display:inline zuzuweisen.

Vielen Dank auch,
der Dave