100% width <span> in Mozilla

I want to stretch a <span> to the width of its enclosing <div>..

[Warboss Alex]

Hey everyone. High-level PHP's easier than this CSS lark .. (mutters..) ..

I want to stretch a <span> to the width of its enclosing <div>. In the span's class declaration, I use width:100%; which should have it stretch to whatever width of its container <div>.

In Opera and IE, this works fine. In Mozilla FireFox though, it only stretches to the end of the text between the span tags, not to the end of the <div>.

For the record, the <div> is also width:100%; ..

Anyone know a solution/workaround?

[SuzyUK]

<span> is an inline element so won't (or shouldn't ;)) accept a width declaration..

either replace the span with a div (a natural block element).. or add display: block; to that particular span rule in the CSS

Suzy

[Warboss Alex]

Duh.

So it's another case of Mozilla getting it -right-, and everyone else getting it wrong, then?

Thanks Suzy. :)