You’ll need to give your main content area a specific height and width (I believe that’s #mainContent), remove the width from #article, and then use overflow:auto; on the #mainContent to make it scroll if necessary.
Chris, at first I tried it my way and it did not work, so I used the code exactly how Chris has it.
Falken, the suggestion you gave still did not work. I need the width on the .article though because I do not want it to span the width on the page. Also #container is the wrapper for my body and #mainContent is where I put the recent articles.
Thanks for your help but I was able to figure it out. It was my z-index. I had to remove it from my #mainContent and place it on the #wrapper. Once I did this my scroll bar appeared. I learned alot playing with this issues over the past three days.