Generic1: Duchsichtigkeit ausschalten

Hallo,

ich habe eine meiner Meinung nach eher schwierigere Frage, und zwar habe ich ein Tabelle (erster Codeblock) und diese ist an der linken Seite mit CSS angeordnet (zweiter Codeblock).
Das klappt alles so weit so gut. Wenn ich jetzt z.B.: Text1 anklicke, dann macht sich eine neue Seite auf, wenn ich Text2 anklicke, eine andere usw.
Das klappt auch sehr gut.

Auf einer Seite habe ich mir ein Panel (einen Canvas) programmiert mit dem Framework jQuery (dritter Programmcode),
Das Problem ist jetzt, dass dieses Panel (Canvas) das andere Panel überdeckt,
Weiß jemand was ich da machen kann, damit das Canvas unter mein Panel (Code 1 und Code 2) durchgeht?

Besten Dank,
lg
Generic1

  
 <div id="wrap">  
         <ul id="flyout">  
             <li id="sidebar">  
                <div><br />  
                     <ul id="treemenu1" class="treeview">  
                        <li ><span id="parentNode">Kraftwerk 1</span>  
                            <ul>  
                                <li><span id="item1"><a id="item1_1" href="#">Text1</a></span></li>  
Text2  
Text3  
...  

Anordnung der Tabelle mit CSS:

  
#wrap {  
        position:absolute;  
        padding:25px 0px;  
        margin-left:2px;  
        font-family: arial;  
        }  
  
    #flyout {  
        font-size:16px;  
        padding:0;  
        width:24px;  
        height:200px;  
        position:absolute;  
        }  
  
    #flyout li#sidebar {  
        display:block;  
        width:24px;  
        height:220px;  
        background:#e6e6e6;  
        margin-bottom:2px;  
        }  
  
    #flyout li div {  
        visibility:hidden;  
        display:block;  
        width:200px;  
        height:664px;  
        position:absolute;  
        top:0px;  
        left:23px;  
        background:#ffffff;  
        overflow:auto;  
        }  

  
canvas = $('<canvas width="' + canvasWidth + '" height="' + canvasHeight + '"></canvas>').appendTo(target).get(0);  
            if ($.browser.msie) // excanvas hack  
                canvas = window.G_vmlCanvasManager.initElement(canvas);  
            ctx = canvas.getContext("2d");  
  
            // overlay canvas for interactive features  
            overlay = $('<canvas style="background-color:transparent;position:absolute;left:0px;top:0px;" width="' + canvasWidth + '" height="' + canvasHeight + '"></canvas>').appendTo(target).get(0);  
            if ($.browser.msie) // excanvas hack  
                overlay = window.G_vmlCanvasManager.initElement(overlay);  
            octx = overlay.getContext("2d");  

  1. Weiß jemand was ich da machen kann, damit das Canvas unter mein Panel (Code 1 und Code 2) durchgeht?

    nö. Aber z-index von nicht statisch positionierten Elementen wird gesteuert durch öhm... z-index

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    1. z-index

      Der z.index hat geholfen, besten Dank,
      lg
      Generic1