Small CSS issue

design

#1

http://battleglory.mattaproductions.com/layout/

Somewhere in the coding I made a issue somewhere and I don’t know where. In firefox the layout shows up fine, but in Internet Explorer there is like a pixel gap between the top content image and the text. Appreciate anyone’s help…thanks.

Matta


#2

Only thing I can think of at the moment is try setting the margin and padding to 0. I am thinking that changing the menu to a block is effecting the position. Did you try removing the display setting and place all images for the menu on a single line?
Actually I am surprised you don’t have bigger gap due to the warcraft logo. With one div on top of the the div the floats should not be necessary. The floats are to allow the divs to move up to the side of another div.
Without the float you can use a negitive value for your margin to push the lower div up tighter to the div above it.
Hope this helps, good luck.

My website


#3

have you already fixed it? looks the same for me in both firefox 3 and ie7.

track7 - my dream-hosted site


#4

It looks fine to me. That being said, IE tends to handle images differently to other browsers because of the fact that images are inline elements. Setting images to be block-level elements usually irons out those differences.

si-blog
Max discount on any plan with promocode SCJESSEYTOTAL