IE adds line break?

[thenajsays]

my page is located at http://www.equusdev.com/
for some odd reason, IE has taken it upon itself to insert what appears to be a line break inbetween the top heading and the main body... any thoughts or tips?

[jscheuer1]

It appears the same in Opera, so FF may be the odd bird here. In any case, it looks as though you could set its (the div id=head) height to 118px.

[thenajsays]

i had it set but removed the setting trying to troubleshoot this issue... i forgot to add it back in...

[Nile]

It appears the same in Opera, so FF may be the odd bird here. In any case, it looks as though you could set its (the div id=head) height to 118px.

It works like FF in Safari.

[jscheuer1]

It works like FF in Safari.

That may be because the float isn't cleared. Technically speaking uncleared floats shouldn't extend the dimensions of their parent. However, browsers will often treat them as block level elements in this regard. The best practice is to clear the float and then set the rest of the css accordingly.

On a side note, using pixel height is probably not ideal, because the height of the menu items would depend upon the user's text size. Also the use of relative position just to nudge things around could end up being a source problems. If padding and/or margin could be used for that instead, it would be better. Once the float is cleared, that (padding and/or margin) might be all that is required.

In fact, removing the position relative from the menu (id=hlinks) division and adding a negative margin-bottom (-1.5em) to the image above it would be about ideal if it were to work out.