jquery link help

[sharkey]

Hey guys im playing around with jquery, and used a pre installed plugin for the lavalamp style menu its called as you can see on this site here

http://www.juicingforum.co.uk

any idea why the links are not workable, such as forum you click and nothing happens.

Any help is appreciated

[KDLA]

I suggest setting the z-index for each of the elements, making sure the link is on top (z-index: 1000).

[sharkey]

hey KDLA thanks for the reply, although ive copied and pasted from the downloadable .zip so whats diff on mine than the offline version.

as im worried about backwards compatability with jquery i dont know anything about it. do i add that to all elements via style sheet and if so how do i do that?

cheers for the help

[sharkey]

   .lavaLampWithImage {
            position: relative;
            height: 29px;
            width: 421px;
            background: url("bg.gif") no-repeat top;
            padding: 15px;
            margin: 0px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }

that is the stylesheet their im sure that means link is on top already?

cheers

[sharkey]

ive been staring at all my code which is not alot lol and cant figure out why the links are not clickable at all.

ive tested all browsers aswell and its the same in them.

any ideas guys is appreciated.

[sharkey]

sorry to keep going on guys bear with me lol.

cant find any info on the net what would suggest the problem is, could it be the javascript?

id assume not as like i say i touched nothing just uploaded.