CSS layout problems

[BenDesign]

I am having some problems with CSS that I can't seem to figure out. I'll list them as two different questions, but they are on the same site (www.globalsistergoods.com).

1. CSS Dropdowns bump page content. I think this is because I'm using the float property to right-align the "nav" tag. The whole page aligns to the center of the browser window, so I don't think I can use absolute positioning here. Is there another way I can position the "nav" so it won't bump my content?

2. On the product page (http://globalsistergoods.com/products/bags/totes/w65.htm), I have a two-column grid. It renders correctly in FF, etc., but IE doesn't recognize the columns. I've tried every "float" & "clear" property I could think of, and nothing seems to work. I know IE can be fussy in fixed-width layout if you don't leave breathing room, but I've tried eliminating margins and decreasing the column widths to no avail. Can someone help me better understand the box model?

Thank you in advance for your help!!!!!

[Kravvitz]

Please fix your HTML (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fglobalsistergoods.com%2Fproducts%2Fbags%2Ftotes%2Fw65.htm) and CSS (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fglobalsistergoods.com%2Fproducts%2Fbags%2Ftotes%2Fw65.htm) errors.

1) You need to absolutely position the sublists. If you give the <li>s of the top-level list position:relative;, the sublists will be positioned based on their parent list item instead of body.

2) http://www.positioniseverything.net/explorer/doubled-margin.html

[BenDesign]

I appreciate your help! Fixed the column issue easily, and with a little trial and error, the nav menu, too.

And thanks for the referral to validate my code. Will do that from now on.

Again, thank you, thank you, thank you ...

[Kravvitz]

You're welcome :)

I hope you do validate in the future.