Increase Text Size problem

Question

When someone increases the size of the text, I want the box
(div) the text is in to expand outwards - up and down and left and
right.
In Firefox 3 it will expand up and down only.
IE6 it has the same problem as Firefox 3
IE7 will expand in all directions as wanted.
Question: What do I need to do so it will expand in all
directions when someone is using Firefox 3 and IE6?
Example div box with text here:
http://davidswebsite.com/test/div.html

Answer 1

Hello,
In IE7, if you change the text size ( View > Text Size
> Largest) instead of
zooming the whole page (ctrl+ +), you'll see it only expands
up and down
just like FF.
The fix:
Change the width of the div to ems instead of px.
#box1 {
top:50px;
width:26em;
z-index:1;
position: relative;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
Take care,
Tim
"davidhelp" <[email protected]> wrote in
message
news:gofh14$s21$[email protected]..
> When someone increases the size of the text, I want the
box (div) the text
> is
> in to expand outwards - up and down and left and right.
>
> In Firefox 3 it will expand up and down only.
> IE6 it has the same problem as Firefox 3
> IE7 will expand in all directions as wanted.
>
> Question: What do I need to do so it will expand in all
directions when
> someone is using Firefox 3 and IE6?
>
> Example div box with text here:
>
http://davidswebsite.com/test/div.html
>