sovrapposizione div alla pressione di un pulsante

[knuckles]

ciao ragazzi!!ho un problema con la sovrapposizione di due div...in pratica correi che alla pressione di un pulsante un div venga visualizzato sopra l altro rendendo la parte coperta del div sottostante nn visibile mentre la parte nn coperta sia visibile....ho provato a modificare lo z-index ma si sovrappongono e la parte coperta rimane visibile,mentre psettando la proprieta visibility mi rende invisibile tutto il blocco sotto!vi posto il codice dei due div

<DIV id="sensor_tab" style="position:absolute; visibility:visible;left:250px; top:0px; width:200px; height:350px; z-index:0"  align="left" valign="top">
    <h2>VirtualSensorTab</h2>

<div id="apTabs" class="apTabs" style="width:350px; height:150px; z-index:0">
    <h2 class="noclose">Description</h2>
    <div id="xmlInfo_desc">
        
    

 </div>
    <h2 class="noclose"> Cordinate</h2>
    <div id="xmlinfo_cord">        
    </div>
    <h2 class="noclose">Data Structure</h2>
    <div></div>
    <h2>Tab 4</h2>
    <div>Tab content 4. Select 5th tab by [url="#"]clicking here.[/url]</div>
</div>




</DIV>    



<DIV id="option_div" style="position:absolute;visibility:visible; left:250px; top:0px; width:450px; height:450px; z-index:0"  align="left" valign="top">
<h2>Option Chart</h2>
<div style="width: 150px; float: left;" class="noindent">
                        
                        

<input type="checkbox" id="Lines_Check" checked="checked" class="styled" /> Lines</p>
                        
                        

<input type="checkbox" id="Areas_Check" checked="checked" class="styled" /> Areas</p>
                        
                        

<input type="checkbox" id="Markers_Check" checked="checked" class="styled" /> Markers</p>
                        
                        <label>Shadow :</label>

                            <label>&nbsp&nbsp&nbsp&nbsp Offset right:&nbsp</label><input style="width:40px" type="text" id="Shadow_dx" tabindex="1" value="" title="offset to the right"> 

                            <label>&nbsp&nbsp&nbsp&nbsp Offset down:&nbsp</label><input style="width:40px" type="text" id="Shadow_dy" tabindex="1" value="" title="the offset down">

                            <label>&nbsp&nbsp&nbsp&nbsp Width: &nbsp</label><input style="width:40px" type="text" id="Shadow_dw" tabindex="1" value="" title="the width of the shadow line">

                             

                        
                        <label>Gap</label>    
                             <input style="width:80px" type="text" id="Gap" name="Gap" tabindex="1" value="" title="spacing between your bars or columns">

                             

                        
                        <label>Color Area</label>
                            <select id="Area_Color"> 
                               <option value="grey">Grey</option>
                               <option value="black">Black</option>
                               <option value="blue">Blue</option>
                               <option value="cyan">Cyan</option>
                               <option value="green">Green</option>
                               <option value="orange">Orange</option>
                               <option value="purple">Purple</option>        
                               <option value="red">Red</option>
                             </select>
                            
                             <label>Color Lines</label>
                            <select id="Lines_Color"> 
                               <option value="grey">Grey</option>
                               <option value="black">Black</option>
                               <option value="blue">Blue</option>
                               <option value="cyan">Cyan</option>
                               <option value="green">Green</option>
                               <option value="orange">Orange</option>
                               <option value="purple">Purple</option>        
                               <option value="red">Red</option>
                             </select>

    

</div>

</DIV> 

in pratica nel primo div c'e una tabella a tab che vorrei si sovrapponesse alla div delle opzioni....spero di essere stato chiaro(ho fatto il massimo :-) ) e che possiate aiutarmi:-)

[Xinod]

setta il display dell' elemento a block per visualizzarlo o a none per nasconderlo (senza occupare spazio)
ciao

[knuckles]

grazie adesso funziona!!ho giocato un po con le proprieta dei div e funziona!!grazie!!!