Personally I can’t reproduce this issue – it seems to work on IE8,9 (emulated with the dev console) and 10 just fine. You can try to use conditionals: http://www.quirksmode.org/css/condcom.html to add CSS code to the website which just affects IE browsers. I’d insert it in header.php before the closing head tag. I tagged this thread for the other support staff members – maybe they can reproduce the issue.

And from all that , there is not one thing that is actually affecting the logo, except perhaps the float:left, though its affecting things under the logo by a few pixels.

instead remove your old css (.logo,.logo a) and the one i posted, and use this: (if you can;t remove old css, try leaving it in, though IE is cranky sometimes)

h1.logo{
position:absolute;
right:20px;
}

or if that too radical of a look you can try this more conservative approach. Make sure to change the browser size to see how it moves in smaller screen sizes.

h1.logo{
position:absolute;
left: -1px;
top: 15px;
}

Just please add the css to /css/custom.css to the bottom, and there is no need to take anything out of what was there before. I can’t test it on IE unfortunately but if you need to tweak it up or down just change the ‘top:15px’ line.