HTML - Menu In Different Browsers

I have created a custom html dropdown menu for my site.

The thing is it looks perfect in Firefox 5.0 (for me it does anyway) and works just as expected but in other browsers such as Opera 10.60, Chrome 5.0.375.125, it doesn't work properly. and it works semi ok in IE 8.

For example if I hover over one of the menu buttons in opera or chrome there is meant to be a drop down box, this doesn't show in Opera or chrome but does in IE?

You can view the menu on my test site - http://www.themidwiferysanctuary.com/testsite/

There is more to the menu, you can use the following log in -
Username: Jade
Password 130489

Does anyone have any thoughts on how to get the dropdown compatiable with all (or most) browsers?

I would post the code but it won't let me even when using the code tags..........

If you want to see the javascript code then please just let me know. Im not sure any of the above makes sense??
Thank you,
Jade

I have this login on a website i'm doing, in Firefox, Opera & Safari the two text fields and the login button are aligned to the very left of the page but in IE the text boxes only stay about 15px further to the right.

This means they are out of line with other elements on the page

Can anyone tell from this code below what i'm doing wrong or do you need more code to go on.

<form name=login>
<table width=200 border=0 align="left" cellpadding=3>
<td><input type=text name=username></td></tr>
<td><input type=text name=password></td></tr>
<tr><td colspan=2 align=left><input type=button value="Login!" onClick="Login()"></td></tr>
</table>
</form>


cheers

First I want to thank you for letting me be a part of this great forum. Now about the problem. My site looks good on IE browser but with firefox it looks strange, if you look at http://www.akuttpost.no/psykoseschizofreni.htm you may notice that the menu is lower than the middle page. How do I fix this? Is there a way to adjust this so that what looks on IE will be the same with all sorts of browsers?

I use dreamweaver and claris 3.0

I am having some problems. I am redesigning a site and It looks good in firefox, but when viewed in IE the spacing is off. I like the way it is looking in firefox, but not in IE. Any ideas?? http:// www .integratedpeaksolutions.com/New/Site/

I have recent designed a website inAdobe fireworks then slices then exported it. (So it is in tables). I slice a 1 pixel image of the right side of the image to set as my background (repeat x). So I also set the top margin of the whole layout to 0 pixels. But it seems different browsers have a difference view of what 0 pixels is. Does anyone no away arround this?