[TYPO3-german] CSS-Frage

[Hahnefeld Bjoern]

Hallo zusammen,

 

ich soll ein Menü erstellen, welches NUR bei aktivem Menü ODER Hover-Effekt vor dem Link eine Hintergrundgrafik anzeigt. Mein Lösungsansatz zeigt permanent die Grafik an, aber leider nicht nur beim Hover oder aktiven Zustand:

 

--

#mainmenu { width: 145px; float: right; }

#mainmenu ul { list-style-type: none; list-style-position: outside; }

#mainmenu ul li { font-weight: bold; background: url(../images/menu-bullet.jpg) no-repeat 3px left; }

#mainmenu ul li a { color: #000000; }

#mainmenu ul li a:hover, #mainmenu ul li .active { color: #b81405; }

#mainmenu ul li p { margin-left: 1.3em; }

--

 

In den Bereich des Links kann ich es leider nicht integrieren, weil dann die Mehrzeiligkeit der Liste nicht mehr funktioniert sondern stattdessen ein Umbruch bis nach vorne zur Grafik gemacht wird. Was mache ich falsch?

 

Viele Grüße

 

Björn