Posted by Matt Walker on 04/02/07 02:28

Hi group,

I'm working on this website http://www.urbancircus.com.au/html/projects.html
and I'm noticing something a bit odd. When I resize my window so that
there isn't enough room for the logo and the menu in the header
section to sit side by side, I get different behaviours depending on
which browser I'm using.

In IE7 the text maintains its position to the right of the logo but
wraps within its inline style tag.

In Firefox the text gets bumped down to the next line (below the logo)
and then begins to wrap from that position.

I would have thought my div tag structure would have prevented this
from happening (particularly because the menu text in firefox wraps
over the top of a div tag on the same level div id="mainbodysection">)

Can anyone help me replicate the behaviour of IE7 in firefox for that
menu text using css.

P.S. Firebug is your friend for on the fly css testing in firefox
www.getfirebug.com

Cheers

Matt Walker

[Back to original message]