Simple Issue to Fix? Menu appears properly, except in IE7 (extra spacing above)

Hello,

I am currently looking to resolve what is likely a very simple problem, but one that is escaping my comprehension.

One the site I am developing (click here for link (http://www.teachingphysician.org)), I am facing an issue where despite the fact everything appears correctly on most browsers; in Internet Explorer 7 there is an irregular amount of space above the meny bar. The right of the header is also improperly place (see below for screenshot)

http://img38.imageshack.us/img38/4752/picture7pg.png

Any help would much appreciated, and I have included my stylesheet at this link (http://www.teachingphysician.org/wp-content/themes/genesis/style.css) for your reference.

Best,
Adam

Have a try adding:

#title-area a{float:left}

to your css.

You also have a few errors in your html - use the validator (http://validator.w3.org/) to identify these. Missing end tags are a possible cause of cross-browser inconsistency.