white line below my pages - Conflict between browsers

[drplough]

Hi, I am currently undertaking a project for my local golf club and I have stumbled accross a problem I can't fix.

If you visit http://grandflame.co.uk/verulam/ in Safari or Firefox on a Mac the site views fine but when I went to the club to teach them how to use wordpress (running internet explorer on PC, not sure what version) I noticed that there was a slight white line underneath the blue bar at the top that makes it difficult to pick up the child categories for that specific page.

EG. When you hover you mouse over the History tab its child's of Ryder Cup and Ryder Cup History video drop down. In Internet explorer a gap appears just below History so its difficult to navigate down to the child categories without moving your mouse at 100 MPH to try to 'jump' over the gap.

I am pretty sure that it is something simple in the stylesheet but unfortunately I don't know what.

Any help would be much appreciated. THANKS :D

Oh. Plus there is a white vertical line to the side of my footer and nav bar. Does anyone know how to get rid of it??