text does not wrap

when using font size control (javascript) in conjunction with firefox the text in my footer extends beyond the width of its containing div

i have a container div which house 3 divs to make up my footer

footerL | footerC | footerR

these are positioned absolutely within the container div

ON resize, the text within footerL is too large for its div (width set by px)
but instead of wraping to the next line the text extends beyond footerL and goes underneath footerC.

the text in footerR (on resize) is squashed into the available space rather than wraping to the next line

THIS ALL WORKS FINE IN IE7

LIVE EXAPMLE

http://www.ats-heritage.co.uk/div/template.html

(please use the font size toggle to see what i mean)

any help would be very much appreciated

cheers
James

_{tag is a subscript tag, as in the 2 in H20.
<div id="container">
<sub div id="footerL">
<center><span class="h7">Innovative Solutions</span></center>}
...
</div>
What you want is use another div inside the div to make sub divs. You don't use a <sub> tag with a floating "div" attribute.:eek:

It may not really solve your problem but I just want to point it out.