[CSS] Overflow, IE6, misschien als plaatje?

[Sijmen]

Ik heb op mijn site iets als dit:



Het grijze vlak is een div. De tekst erin is een H1 die zo gepositioneerd is dat de baseline samenvalt met de onderkant van het grijze vlak.

Dit werkt niet helemaal goed. Op verschillende platformen/met verschillende browsers kan het net een pixel of twee scheef staan, wat meteen een lelijk effect geeft. In Internet Explorer 6 en lager werkt het helemaal niet, daar groeit de div mee met de tekst omdat 'ie niet aan overflow doet.

Wat is de beste oplossing hiervoor? Een plaatje, meerdere layers?

[blue-gene]

De <h1> position: absolute; geven en de grijze <div> position: relative;.

Zo zou het moeten werken.