FIRSTLY – MAJOR issue – horizontal navigation with a logo in the center looks okay in all browsers, except IE 9 – I have tried everything and I can’t seem to fix it. I need it to be centered and horizontally aligned. Ideally manage to even the white space between li’s as it renders in Chrome. It’s killing me and I really need to finish the website asap.
I fired up a clean instance of IE9 in a virtual machine running a clean install on Windows 7, and it looks identical to what I see in the latest versions of Chrome and Firefox on Mac OS X (Mountain Lion).
To fix the white-space, you can do one of two things—add HTML comments between your li elements, like so:
you’ve got a few errors – you’re missing the closing div tag for the #sidebar, which then places the footer within it. The .testimonial div is missing a bracket, and a break tag in the header is malformed.