IE giving me a headache. Can somebody pls have a peek at my code?

[puffnstuff]

I wish somebody would just shoot IE, and put ME out of my misery......

Very simple website. Looks great in almost every browser, EXCEPT older versions of IE.

In the left column with the "buttons", IE is displaying some extra padding above all the buttons, except the first one. Only the top button 'Our Plan' is ok. The rest below have extra space. There is no extra space with other browsers (FF, Netscape, Safari).

Can anybody see the problem? Can anybody tell me what I need to do so it looks proper in IE?

http://www.fairportroad.com/index.html

css code is here:

http://www.fairportroad.com/Styles2.css

[Medyman]

This might aggravate you a bit more:

Add the highlighted:

#navbar ul li {
list-style-type: none;
display:inline;
margin: 0;
padding: 0; 
}

By the way, there are some <td> and <tr> tags in your table that aren't closed. And the proper way to add a line break with a XHTML DTD is <br />.

[molendijk]

Add height: 27px to #navbar ul li.
---
Edit: forget it. It helps, but Medyman's solution is much better.
Arie Molendijk.

[puffnstuff]

YOU ARE AWESOME !!!!

The display:inline did the trick.

THANK YOU SO MUCH.