Problems with CSS Layers visibility in Firefox

Discussion in 'CSS' started by anams, Jun 15, 2006.

0
  1. #1
    Ok, so here's how layer properties look like in my CSS:
    div#21 {display: block;
    left: 1px;
    visibility: hidden;
    position: absolute;
    top: 135px;
    width: 100%;
    height: 235px;
    background-color: transparent;
    z-index: 100;}

    Works fine in IE, but in FF, the hidden layers also show up when the page is first loaded, and because of that, the layers stack up one below the other instead of at 135px. Any ideas? Let me know if you want to see detailed code. The reason I have the div named as '21' is because I'm running a javascript loop.
     
    anams, Jun 15, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    The name of a class or id may not start with a numeral. Using invalid tokens will cause problems.

    cheers,

    gary
     
    kk5st, Jun 15, 2006 IP
  3. anams

    anams Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Gary.....you rock!! Thanks a ton. It works fabulously.
     
    anams, Jun 15, 2006 IP