HTML/Browser Problem

This is what my menu looks like in Firefox:

and this is what it looks like in IE(Internet Explorer):

Here is my code for that for the entire page:
What is in red is the code for the Menu, all the stuff inside the link tag is for the Mouseover/image change thing
Anyway my problem is that I have those spaces between the images in IE and there is some bar underneath the menu that I can't get rid of can anybody help me out?

for the bottom.gif add valign="bottom" Also try compacting the code more by making everything about each button on one line. This may get rid of the small lines in between each image

No Luck

Thanks for trying though, Pheonix, could you point me in the direction of the css code for the MouseOver stuff, it would be greatly appreciated.

Hello,
You can try to optimize with xhtml tags.
like syntax, id for name atribute of img tags, like:
<img src='../../sdf.gif' name='name' id='name' />
Additional you may use some css for your table borders.
Of cource all that you can find at w3schools dot com

Regards
www.takedom.com

I'm not sure what you mean by optimize

he gave an example, it does no optimising though. just a differnt way of writing it