Positioning divs

Hi there,

I have created a three panel rotating content section. The third panel is falling below the other two like this:

http://www.ladyluxeinvitations.com/burl/index2.html

What's going on with my CSS that's causing the third panel to bump down?

I'm hoping this is an easy fix! I would like the three panels to be centered on the screen.

Any ideas?

Also, I am still having trouble with how my menu is displayed in Firefox. It appears like so:

http://www.ladyluxeinvitations.com/burl/menu.jpg

Thanks is advance!

float your three panels to the left, and erase the "position:absolute" and the "left:xxxpx" lines... that would do it

and i almost forgot... add position:relative

Thanks but I still can't get the News and Alerts box to be positioned beside the rotating content. I did change the design slightly (from three panels to two panels). I couldn't get the News panel to move in either case.

Any suggestions?

Try this:

#newsEventsContainer remove "clear:both;"
#footerBanners add "clear:both;"