Need help in properly aligning the link list in CSS

Need help in properly aligning the link list in CSS. I have a problem with it in FireFox. In IE it looks good, but in FF, it's horrible

I hope someone can point out what mistake that I did in CSS.

Here are the screenshots of my problem, in FF and IE:

It looks horrible in FireFox:
http://dostscholars.com/aplusbeta/screenshots/CSS FF problem.jpg

It looks good in EI:
http://dostscholars.com/aplusbeta/screenshots/CSS IE No Problem.jpg

Here is my CSS:
http://www.dostscholars.com/aplusbeta/css/style.css

Here is my index:
http://www.dostscholars.com/aplusbeta/


I hope someone who has a wide knowledge in CSS here can answer my question. I really can find where I gone wrong in my CSS.


Please do help.. anyone?

 

I think the problem is with this part of css

#menu a
{
	display: block;
	border-top: 1px solid #d1d1d1;
	border-right: 1px solid #003399;
	padding: [COLOR="Red"]0.5em[/COLOR] 16px;
	text-decoration: none;
}

Code (markup):

make it zero
or use padding-right: 16px only

 

hey thank you so much instruite it works ^__^

 

good to know it helped
you are welcome