[HTML / CSS] Image in div + background

[xilent_xage]

Hallo!

Hoewel geen noob meer struikel ik af en toe nog over dingen waarvan ik denk: ik zie iets heel simpels over het hoofd. Het zijn vaak juist die dingen waar ik dagen op kan piekeren. Inmiddels heb ik al flink gezocht op GOT en natuurlijk ook Google, maar ik kon de oplossing niet vinden, terwijl deze m.i. toch voor het oprapen zou moeten liggen. Volgens mij heb ik dit probleem in het verleden als eens vaker getackled.

Mijn probleem:

HTML:

<div style="background: url(plaatje1.jpg) bottom left repeat-x; margin: 0px; padding: 0px; border: 1px solid #000000; min-height: 100%;">
    [img]"plaatje2.jpg"[/img]
</div>

Ik weet: het ziet er niet uit, die css in de style, maar ik had een los html-filetje gemaakt om het probleem ff geisoleerd te testen.

Het probleem is dat ik zowel in FF als IE een randje onder het plaatje overhou, dus de background komt onder het plaatje uit. Dit ligt niet aan het plaatje.

Wat o wat doe ik fout?

[ Voor 6% gewijzigd door xilent_xage op 15-04-2006 07:13 ]

[crisp]

geef je img een vertical-align: bottom mee

[xilent_xage]

ok, op een andere manier opgelost. mocht iemand willen weten hoe:

HTML:

<div style="height: 280px; background: url(plaatje1.jpg) top left repeat-x; margin: 0px; padding: 0px; border: 1px solid #000000;">
    [img]"plaatje2.jpg"[/img]
</div>

thnx anyway!