Need help in properly aligning the link list in CSS

Discussion in 'CSS' started by jehzlau, Apr 11, 2007.

  1. #1
    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? :(
     
    jehzlau, Apr 11, 2007 IP
  2. instruite

    instruite Well-Known Member

    Messages:
    526
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    110
    #2
    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
     
    instruite, Apr 11, 2007 IP
  3. jehzlau

    jehzlau Active Member

    Messages:
    301
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    73
    #3
    hey thank you so much instruite :) it works ^__^
     
    jehzlau, Apr 15, 2007 IP
  4. instruite

    instruite Well-Known Member

    Messages:
    526
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    110
    #4
    good to know it helped
    you are welcome :)
     
    instruite, Apr 15, 2007 IP