Link to site:
Suddenly, without any changes to the css, I noticed that when I expand the "browse" categories, they overflow outside of the containing divs. Here is the css code for the divs:
.bodyArea
{
width: 900px;
background-image:url(/images/bg.jpg);
background-repeat:no-repeat;
border-width: thin;
border-style: solid;
margin-left:auto;
margin-right:auto;
-moz-border-radius: 8px;
border-radius: 8px;
min-height: 900px;
}
.pageArea
{
background-image: url(../images/page_bg.jpg);
background-repeat: repeat;
width: 95%;
position:relative;
margin-left: 25px;
margin-top: 30px;
min-height: 700px;
height:auto;
}
#partCat {
width: 775px;
padding:5px;
cursor:pointer;
}
I cannot figure out why expanding these divs is causing an overflow issue. None of these divs have absolute positioning. #partcat is within .pageArea, which is within .bodyArea. I have searched through past questions on this forum, but none of them seem to address my specific issue. Can someone please help me solve this problem?