firefox : div på skrump

Hvordan får man en <div> til at tæt omslutte f.eks. en tekst (uden brug af java script)! Nedenstående eksempel er det tætteste jeg kan komme. Bemærk at display:table kun virker i firefox.

<div style="background-color:red; display:table">

example text : qwdjqwidqwudhiuqwhdhwqdhg qwdjqwidqwudhiuqwhdhwqdhg qwdjqwidqwudhiuqwhdhwqdhg

</div>

Det interessante sker når browser winduet gøres mindre end længden af teksten (så teksten ombrydes). Her defaulter div altid til 100% i bredden.