I have built the site www.echucamoama.com a while ago but seen as my main audience was viewing the site in Internet Explorer, I made it work best in that.

Now I want to make it view better in Firefox and Opera. My main problem with the site is the menu buttons which are wider in firefox then IE, causing the left collum to become un alinged.

Anyone know how I can go about fixing this?

Thanks.

The reason that the buttons on the side are so much bigger is because when you add padding to an element in Firefox...it makes it larger.

What you need to use is

a.Menut:link {
background-color:#65693A;
border:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
font-style:italic;
height:23px;
padding: 0px;
text-indent: 20px; //Adds text indent, so the text moves over
_padding:3px 0px 0px 20px; //adding the "_" makes only internet explorer apply it.
_text-indent: 0px; //takes off the indent in Internet Explorer
text-decoration:none;
width:200px;
}

You need to do that to all of them, including the hovers