Firefox not hiding overflow

Discussion in 'CSS' started by jzieba01, Jul 29, 2009.

0
  1. #1
    I have the following css for my header.

    #masthead {
    padding: 10px;
    overflow: hidden;
    text-align: left;
    background-color: #3366FF;
    margin-right: 100px;
    margin-left: 150px;
    height: 135px;
    }

    The image and text overflow is properly hidden in IE7, IE8, Othello, and Safari but not in Firefox 3.5. In FF the image overflows into the body

    Any ideas? Maybe a bug in FF?

    Thanks for the help.
     
    Last edited: Jul 29, 2009
    jzieba01, Jul 29, 2009 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    What image? What text? You don't show enough to help you. We need the complete markup.
    Also, Firefox has no problems with overflow but IE7 does.
     
    drhowarddrfine, Jul 29, 2009 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    What Moe and Larry are trying to say is that CSS without the HTML it goes with is gibberish.... What is #masthead even assigned to? Are you sure it's assigned to an element that can even HAVE a height applied to it? Do you mean on the horizontal axis where you don't even declare a width (therein there's nothing to contain it)?
     
    deathshadow, Jul 29, 2009 IP