White Space in IE8
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?