Firefox Isnt "Faux Columning"

http://phjewellery.freehostia.com/shop.php

On this page here, its a basic wrap div that centered in the middle and it has two columns that float in it, i have been building it on firefox, and it wasnt working but IE7 will do exactly what i want it to do.

Is theyre any reason the wrap isnt expanding with the floating columns?

Firefox doesn't like "-" in the names and ids of tags. You can use "_" instead.
Replace navigation-block-footer to navigation_block_footer.

Firefox doesn't like "-" in the names and ids of tags. You can use "_" instead.
Replace navigation-block-footer to navigation_block_footer.

I've never known this to be true. I use hyphens in id selectors all the time and have never had a problem.

yeah, i use em all the time too. Well i went through and changed em anyway and its still aint working.

Oh sorry I forgot to answer your question. :P It's not "faux-columning" because the thing that's clearing the floats (the bottom cap) is actually outside of "#content." You need to put an element that clears the two floats inside of #content such as:

#content
#left_col
#right_col
<div style="clear: both"><!-- --></div>
#bottom_cap

Otherwise the height of #content isn't getting calculated and you don't get the white background extending to the bottom.

OH I SEE NOW!

Thanks sooo much, i had looked everywhere and tried to see why other peoples was working and mine wasnt. =/

Thank soooo much! big ups!