content not moving below on some...

Hello,

At the url below you will see "READ MORE" links after some text. When you click on the ones with the text-aligning right, the content below moves down, but if you click on one where the text is aligning left, the content below doesn't move, why is this? My code is the same for each different class.

Link: http://experiencemediaonline.gorillaonemedia.com/services/

Thanks!!

Hello eberdome,
Try making that parent ul expand to contain it's floated li's with overflow: auto;
...like this -
ul.expander {
display:block;
/*height:auto;*/
overflow: auto;
list-style-type:none;
padding:0;
padding-bottom:35px;
margin:0; border:0;
border-bottom:1px solid #B7B7B7;
width:711px;
}

And shouldn't #services be allowed to do the same? Like this -
div#services {
width:711px;
/*height:435px;*/
overflow:hidden;
position:relative;
}

OR

div#services {
width:711px;
height:435px;
overflow-y: scroll;
overflow-x: hidden;
position:relative;
}

Thanks, that worked perfectly. I actually am keeping the div will an overflow of hidden, the menu on the side will navigate to each section. Thanks again!!