[CSS] Dynamische opbouw menu - Afbreking

[Verwijderd]

Ik bouw op een dynamische manier een menu op basis van lists en css. Soms kan de tekst van een menu-item lang uitvallen en wordt dit dus afgekapt naar een volgende regel. Vanaf dat het op de 2de regel komt springt het echter niet meer in, en komt het gedeeltelijk bovenop de graphic die het inspringen aangeeft.

Hier een deel van de css code (ik kan alle code geven als dat beter helpt). Algemeen is dus mijn vraag: hoe kan ik ervoor zorgen dat lange menu-items die afgekapt worden naar een volgende regel toch op dezelfde manier inspringen als de eerste regel.

code:

a.treedoc, a.treedoc:active, a.treedoc:visited, a.treedoc:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000033;
    text-decoration: none;
    background-image: url(leaf.gif);
    background-position: left;
    background-repeat:no-repeat;    
    padding-left: 22px;
}

[ Voor 18% gewijzigd door Verwijderd op 17-02-2007 17:43 ]

[Blaise]

Dat zou al moeten gebeuren aangezien je padding gebruikt, en niet text-indent. Heb je niet een voorbeeld online staan?

[Verwijderd]

Dat is wat moeilijker omdat het dynamisch wordt opgebouwd allemaal. Ik kan eventueel de output code en de css ergens online zetten als dat zou helpen?

Hier zie je alvast een voorbeeld van hoe het misgaat: