Accordion Menu

[jschnyderite]

I'm finally got my accordion menu working, but testing in IE6, it has some trouble. When I roll over an item, the overflow works properly and a scroll bar shows all extra content, but ones that aren't rolled over just flow, even outside their intended divs. anyone else had a similar issue? this is what the accordion section of my css looks like


#accordion {
width: 520px;
margin: 0px auto; }
padding-top:8px;

#accordion div {
float: left;
width:125px;
height: 132px;
border-right:1px solid #fff;
overflow: hidden;}

#accordion:hover div, #accordion.hover div {
width: 20px; }

#accordion:hover div:hover, #accordion.hover div.hover {
width: 440px;
overflow: auto; }

[jschnyderite]

figured it out through some digging. relative positioning in my list (ul tag) was the culprit. making the div holding it relative as well or removing it from the list fixed my issue.

now im trying to get it so that position 1 of the accordion is defaulted to (as if it was rolled over), rather than showing a small portion of each. i assume i need to play with the #accordion div tag since that 125px of each section is what displays by default now?