$5 to the first person to solve this simple but frustrating css issue

I have a nav bar that works fine in IE, but it doesn't look right in Mozilla.

see here:
http://67.19.177.10/wrong.html

See the link that says: "What's Wrong?". It doesn't extend all the way out in Mozilla. And the rest of the listing doesn't look exactly the same either.

Basically, I want Mozilla to look exactly the way it does on IE.

I've got the code nice and clean so if someone can solve this, I will send $5 to your paypal account.

 

Try something like this (you need to modify the "submit a" depending on how you want the link to display). Not looking for payment.


.submit
{
font-size:13px;
text-align:left;
padding-left:15px;
padding-top:3px;
padding-bottom:3px;
font-family:tahoma,verdana,arial;
font-weight:bold;
border-style:solid;
border-color:000000;
border-width:1px;
background-color:#006cd9;

color:ffffff;
}
.submit a
{
text-decoration:underline;

}

 

use this

.leftnav { 
	position: absolute;
    top: 70px;
    left: 0px;
    width: 180px;
     }

.button a 
{ 
 font:bold 11px arial;
 padding: 2px 0px 2px 10px;/**/
 color: #fff;
 text-align:left; 
 text-decoration:none; 
 border-style:ridge; 
 border-color:#444; /**/
 border-width:1px; 
 background-color:#000;  
 display: list-item;
 list-style: square inside;
} 


.button a:hover 
{ 
 color:#ffcc00; 
}  


.bigbuttonselected
{ 
 padding: 3px 0px 3px 10px;
 text-align:left;
 font:bold 12px arial;
 border-style:solid; 
 border-color:#000000; 
 border-width:2px; 
 background-color:#000000;   
 color:#ccff00; 
 display: block;
} 


.submit a
{ 
 font-size:13px;
 text-decoration:underline; 
 text-align:left;
 padding-left:15px;
 padding-top:3px;
 padding-bottom:3px;
 font-family:tahoma,verdana,arial;
 font-weight:bold;  
 border-style:solid; 
 border-color:#000000; 
 border-width:1px; 
 background-color:#006cd9; 
 width:180px;  
 color:#ffffff; 
} 

HTML:

 

Done.. now both the browsers look the same

 

your stylesheet does not solve the "whats wrong" thing