Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

An issue with an inactive DIV behind another DIV

Discussion in 'Website Design Forum:' started by Anagoge, Mar 19, 2011.

  1. Anagoge

    Anagoge Senior Member

    I'm in the process of designing a website. Click here to see it.

    At the top right of the page is a rollover button that says "Buy tickets now! Click here". This button should be horizontally in line with "12th 13th 14th May".

    It doesn't move into place when I try to do so. Additionally, when I do get it at least a little more in line than it is currently, the rollover function no longer works because it's "behind" the header.png image.

    I've tried adding a z-index attribute to the CSS, but that did not nothing.

    I'm wondering if you could take a quick look at the code and help me figure out what's wrong with it.

    Thanks very much.
  2. Sunburn

    Sunburn Active Member

    Hey Neil,

    on line 63 - #buytickets
    try adding ....

    position: relative;top: 88px;

    ps. roll over is working fine for me in ff.
  3. Anagoge

    Anagoge Senior Member

    That's done the job perfectly. Thanks Geoff, appreciate it.
  4. Sunburn

    Sunburn Active Member

    your welcome.

Share This Page