Padding-top on text only works in firefox, not working in any other browser

Discussion in 'CSS' started by ACiD394, Mar 16, 2008.

  1. #1
    Doesn't matter, managed to sort it out :D

    Well, the title explains it. It work's in the actual content itself, but as I'm trying to span the text to a different style within it, it just doesn't want to move down.

    [​IMG]

    Nothing like this has happened to me and It's really starting to annoy me.

    The css code for the text is this:
     .navtext{ font-family:arial; font-size:13px; font-weight:bold; color: #005388; text-align:center; vertical-align:middle; padding-top:17px; margin-top:17px;}
    Code (markup):
    And heres the css for one of the li's:
    .nav1{ background:url(images/n1.png); width:109px; height:38px; float:left; list-style: none; margin-top:69px; text-align:center; }
    Code (markup):
    If someone could please help, as I usually don't get stuck on stuff like this and this has never happened to me before.

    Regards

    EDIT:
    Infact, It seems it's the actual "vertical-align:middle;" That's making it go down in firefox, but no other browser
     
    ACiD394, Mar 16, 2008 IP
  2. 2ct7

    2ct7 Peon

    Messages:
    245
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #2
    It's these kinds of things that drive me crazy. Firefox always gives me a lot of trouble. Especially with spacing at the top of the page. This is a bad place to have dead screen real estate because its above the fold and right in the user's face.
     
    2ct7, May 6, 2008 IP