Jquery link help

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.

here is the code:

   .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;
                        }

Code (markup):

z-index looks ok doesn it?

Any help is appreciated

 

The links not working won't have anything to do with the css, post the other code.

 

You will have to post the JQuery code. When looking at it I am noticing the link has a title and this may be interfering with the direction. However, I believe that is how the script is making it look nice. Can you please post the JQuery code to handle this?

 

hey guys here is teh javascript :

     <script type="text/javascript" src="jquery-1.1.3.1.min.js"></script>
    <script type="text/javascript" src="jquery.easing.min.js"></script>
    <script type="text/javascript" src="jquery.lavalamp.min.js"></script>

    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>

Code (markup):

if you need the 3 other plugin files ill post, i just copied them straight from the example tutorial here:

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

cheers for helpign

 

any idea anyone this is really beginning to bug me.

cheers

 

I did some research. Here is a link that shows a working example. Try and mirror your code.

 

cheers man i will give that a shot, thanks for taking the time.