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