Posted by Jonathan N. Little on 11/06/07 21:17

Shelly wrote:
> upwebadmin wrote:
>> I don't see the problem with what you have but all my menu navigation
>> needs are typically solved by Dynamic Drive.
>> http://www.dynamicdrive.com/dynamicindex1/indexb.html
>>
>> Good luck
>
> If you click on "Services" the drop down menu falls behind "Test that is for
> testing". In Firefox and Opera it covers that text. I am using IE 7.0.
>
> When there is more text, it will completely hide the drop down menu. Again,
> the url is www.sheldonlg.com/test.html
>
>

Firstly, your using way to many absolutely positioned blocks. You layout
is very brittle, seems to relate to an argument in another recent thread.

Anyway for what it's worth:

1) Remove all references to "z-index" in your stylesheet
2) Remove absolute positioning on your "hidden" DIV

From:
#index-01 {
position:absolute;
left:0px;
top:0px;
width:750px;
height:101px;
border-right: 2px solid #7C6736;
}

#index-03 {
position:absolute;
left:0px;
top:134px;
width:750px;
height:436px;
border-right: 2px solid #7C6736;
}

#index-06 {
position:absolute;
left:0px;
top:101px;
width:750px;
height:33px;
border-right: 2px solid #7C6736;
}

To:
#index-01, #index-03, #index-06 {
margin: 0;
width:750px;
border-right: 2px solid #7C6736;
}
#index-01 { height:101px; }
#index-03 { height:436px; }
#index-06 { height:33px; }


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]