IE Shifting <div>'s

HTML & CSS
1

I opened the site in IE 8 and there is a vertical gap around 5px between the banner image and the navigation bar. Also the banner image is being shifted to the right and is not centering properly with the page. I tried getting rid of the overflow, line-height, and messed around with the padding and margins and I still got the same effect.

It’s probably a simple mistake, but I just can’t figure it out.

Link

Any help is appreciated!

2

The link has a default 4px padding applied to it. Also, the link is stretching too high in IE7

I would add a new CSS rule to tackle those two problems.


#content div.banner a{
width:800px;
height:210px;
padding:0;
display:block;
}
3

That worked! Thank you so much!