Hidden navigation menu

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 :frowning: 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!