CSS wierd difference between firefox and IE, more than normal

Can anyone explain the huge difference in this site www.easyfinddirectory.com on FireFox and IE. Particularly the blue subcategories and underlines.

Anyone know a good way to fix it?

 

Well, you're going to have to be more specific than that. I don't see anything offhand that would get my shorts in a bunch.

cheers,

gary

 

Try cleaning the code. For starters:
- There are empty <p> tags placed under the the search box. Use <br /> instead for line breaks. Or better use nothing, just set valign="top" attribute to the <td>. The logo will contribute to achieving the desired header height. So get rid of the following:

<p><br></p>
<p><br></p>

Code (markup):

- Remove the <div> tag around the logo. No need for the image to be centered if you specify a <td> width that is equal to logo width.
- Remove the <p> tag around the search box.
- For the peace of mind, add the following to the .css:

p {
 margin: 0;
 padding: 0;
}

Code (markup):

There are more but these few changes should clear some differences between FF and IE and give you directions to what's going on.

Hope this helps.