I just took my site live (www.houserepublicans.wa.gov) and it is bumping every single tag to a new line. But only in IE 7 and 8. It looks fine in IE 9, Chrome, Safarai and Firefox. This is throughout the site, with nested in various other elements. I have tried adjusting line-height, which helps the lines from overlapping, but still bumps every tag to the next line. I have also tried display:inline, to which nothing changed at all. I have searched for every single style applied to in my stylesheet that does not play nice with IE 7/8. Still nothing. I am completely frustrated…and would appreciate any help people can provide!!
The cause of the problem is that you’re not closing your tags properly. Your HEADER is never closed, and neither is your H1 or your #main. While most browsers fix this issue automatically (incorrectly in my opinion), IE7/8 doesn’t and shows things properly, as they are actually coded.
I’d strongly recommend to comb through your code and make sure all tags are properly closed.