Dropdown ligger sag bag elementer
I Firefox ligger den højre del af min dropdown menu sig bag diverse elementer, og fatter ikke hvorfor....Prøv at tag et kig her: http://cabiweb.inforce.dk/forside/sektioner/jobcentre
Så kig med FF, også højredel af dropdown, så vil i kunne se den ligger sig bag "Content" elementer... Hvorfor??
Mit CSS til dropdown ser sådanne ud:
/* START DROPDOWN*/
#dTop2 {
height:39px;
}
#topNav1, #topNav2 {
margin-top:10px;
}
#topNav2 {
overflow: hidden;
}
#dTop2 .swDrop {
float:left;
}
#dTop2 .last {
float: left;
border: none;
}
li.swDrop, ul.cNav, ul.cNav li { list-style:none; margin-left: 0px; padding-left: 0px; }
li.last, ul.cNav, ul.cNav li { list-style:none; margin-left: 0px; padding-left: 0px; }
#dTop2 #topNav2 .swDrop {
border-right:1px solid #999;
}
#dTop2 #topNav2 .last {
border-right:none;
}
#dTop2 #topNav1 .swDrop {
border-left:1px solid #999;
}
#dTop2 #topNav1 .swDrop:first-child, #dTop2 #topNav2 .swDrop:last-child {border: 0px solid #999;}
#dTop2 #topNav1 ul ul li.swDrop {
float:none;
display:block;
background:none;
border:none;
}
#topNav1 ul ul li.last {
float:none;
display:block;
background:none;
border:none;
}
#dTop2 ul {
margin:0; padding:0;
}
#dTop2 li {
margin: 0;
padding: 0;
display: inline;
white-space: nowrap;
}
#dTop2 ul a {
text-transform : uppercase;
font-size: 100%;
display: block;
padding: 4px 9px 5px 9px; ;
font-weight: bold;
text-decoration: none;
border: 0;
}
#dTop2 ul a:hover, #dTop2 a.expanded, #dTop2 ul a.selected {
color: #000;
}
#dTop2 ul ul a {
font-weight: normal;
border-bottom: 1px solid #999;
padding:1px 20px 2px 10px;
margin: 0;
border: 0;
color: #000;
background: none;
min-width: 60px;
}
#dTop2 ul ul a.selected
{
color: #000;
}
#dTop2 ul ul a:hover {
background-color: #aaa;
color: #fff;
}
#dTop2 ul ul {
z-index: 99;
position: absolute;
display: none;
background: #fff;
border: 1px solid #999;
border-bottom: 4px solid #999;
padding: 5px 2px 5px 2px;
margin: 0px 0 0 0px;
}
#dTop2 ul .swDrop:hover ul, #dTop2 ul .swDrop.over ul {
display: block;
}
#topNav1 {
float:left;
}
#topNav2 {
float:right;
}
div#topNav2 {
margin-right:-2px;
}
div#topNav1 {
margin-left:-2px;
}
/* END DROPDOWN*/