Transparent jquery meny with dropdown without overlap

[pernilla]

Hey guys!
I’ve been trying for some hours now to make my tabs transparent, what happens when I do that is that the content overlaps. The tabs aren’t even overlapping but somehow the content just follows along as I switch from one tab to another. I have set background:transparent and the transparency is fine. I’ve played around with z-index but it doesn’t help. Anyone who might know how to solve it? I would really appreciate it :)

ul#tabPanes li {

width: 227px;

}

ul#tabPanes li#tab1, li#tab2, li#tab3, li#tab4 {

margin-top:-35px;

height:218px;

margin-left:15px;

display:none;

background-color:transparent;

}

#tabMenu {

clear:both;

list-style-type:none;

}

#tabMenu li {

float:left;

line-height:42px;

padding-left:30px;

padding-right:10px;

}

#tabContainer {

margin:0 auto;

width:570px;

}

#tabMenu li a {

text-decoration:none;

color:#39a5e0;

font-weight:bold;

}

#tabs {

width:604px;

height:47px;

background-color:transparent;

font-family:Economica, Arial, San Serif;

font-size:14px;

margin:0 auto;

}

#tabMenu li a:hover {

color: #1a6b97;

}

Username







Password





 




Remember Me 








LOGIN

















Desired Username







Desired Password







Confirm Password











SIGN-UP













Salespeople


OEM & Distributors


Designers & Contractors












Your E-Mail:







Subject







Message











SEND

[Author]

Posts