Question

I think I may be a bit daft here but I cannot figure out why my nav has an ugly gap to the right in IE9

http://i46.tinypic.com/10nu5w5.jpg

It looks fine in FF and Chrome, exactly as I want whereby the margin is the same as the one before the logo on the left.

http://tinypic.com/r/2v8mmty/6 and jsfiddle is jsfiddle.net/KNuEp/1

This is obviously an IE thing. Bascially in the HEADER DIV (which is in a 960px wrapper div), I have a SITETITLE div, which contains the logo floated left and a NAV div, containing the navigation ul floated right. I can paste some code if it will help…

Answer 1

Fix your issue

Replace by this

<div id="header" class="clearfix">
        <div id="sitetitle" class="clearfix">
            <a href="index.html"><img src="images/bathroom-logo.png"></a>
        </div>