on this site when you hover over Practice Areas link in the top nav bar, why is the list hidden behind the orange area and how to i get it to appear in front?
please advise. thanks in advance.
on this site when you hover over Practice Areas link in the top nav bar, why is the list hidden behind the orange area and how to i get it to appear in front?
please advise. thanks in advance.
The overflow:hidden on #container div.topnavwrapper is snipping off the dropdown menu.
To overcome this you could use position:absolute; and right:0; on #header-right. To provide the correct context for the positioning, position:relative; would need to be added to #container div.topnavwrapper.
#header-right {
float: right;
padding-top: 25px;
position: absolute;
right: 0;
}
#container div.topnavwrapper {
margin: 0 auto;
text-align: left;
width: 1000px;
overflow: hidden;
position: relative;
}
i have that code in there now but it doesnt seem to be working please advise.
Sorry, my error. I’ll have to come back to you on this.
An alternative would be to use a “clearfix” solution instead of overflow: hidden. So, remove overflow: hidden from here:
#container div.topnavwrapper {
margin: 0 auto;
text-align: left;
width: 1000px;
[COLOR="#FF0000"]overflow: hidden;[/COLOR]
position: relative;
}
and add this code instead:
.topnavwrapper:after {
content:"";
display:table;
}
.topnavwrapper:after {
clear:both;
}
that worked. thank you!