[viaticusgroup]

I got rid of a lot of extra white space in the top margin and in the header leaving a bit of padding using the following lines of code:
/* The white space below the header or above the menu */
#hgroup-wrap { padding-left: 30px; padding-bottom: 10px; }
#site-logo { padding-top: 10px; }
/* white space at top */
.site { margin-top: 0px; }

Each time i remove white space – it looks great in Safari and Chrome – there seems to be more white space in IE8. My header takes up about a third of the screen due to all the white space in IE8. Any thoughts on how to make this look good across all three platforms?

[viaticusgroup]

Forgot to add my url in the question: http://www.prattfinancialgroup.com/HereInCase/

[Sakin]

@viaticusgroup: Maybe you can try adding in the ie8 specific css.
#ie8 .site { margin-top: 0; }

[Author]

Posts