FF Troubles??? That is a first!

Ok well I have this little box of faded fun that works pretty much how it is supposed to in IE but when you open up lovely little FireFox the Background of that DIV just floats on up to the top of the whole right content div. I'm not sure why this is happening and any help would be appreciated! (keep in mind the whole DIV didn't go to the top, just the bg as you can see the text is where it needs to be.)

http://profilejolt.com/layout/
http://profilejolt.com/layout/style.css


*forgive me my coding is sloppy for this rough draft and not yet valid*

Adding clear:both; to .right-wrap-right will probably solve your problem but will change a litle bit your desired layout. You can also try to add a margin-top to this same style. Your float is causing trouble, if you don't need it then remove it or you can try to create a container div for your content boxes and add clear:both; to it.

Ok something similar to your idea worked... but I had to add clear:both; to the actual gradiented bar div.