I have a container div that repeats a background image so content can be dynamic. The problem is, my container div is not stretching it's height properly so the divs within it spill over. I have tried height 100 and overflow auto and visible. My layout is something like this I have attached my actual skin and css files. To see the problem in action go here http://temp.buzzsmarine.com/ContactUs.aspx

Is this fixed, or am I nut understanding the problem?

Ah, I think I just saw it ...

So, any suggestions?

Looks ok in IE 7&8.  Fails in FF and Chrome.

I'll try to look some more tonight.

I appreciate it. I just got thrown this by our gd person and she is training on it tomorrow!

For starters, you have head and body tags in your skin.  This results in multiple head and body sections in your pages.  This is not going to work well.

Also, it appears (I haven't worked through all of the complicated javascript stuff in the skin) that you might be using javascript to populate some of the interior parts of the skin.  I'm not sure, but this might complicate things.

If I were you, I'd strip out as much as possible and start with a more basic skin until you have the basics worked out.  Then you can start adding back the other stuff.

Thanks for the info, I don't usually build skins so I don't know those kinds of things . I'm pretty sure the JS is just for the menu in the top right corner, but I'll remove everything just to be sure. I'll let you know what I come up with.

There are some exceptionally good tutorials here on the topic of skinning.

It might be good to look at these two:

• DotNetNuke ASCX Skinning for Professional Skinners
• DotNetNuke Nav Menu

And then these:

• Nav Menu v2 for DotNetNuke v5
• Skin Object Tokens for DotNetNuke 5
• Super Stylesheets Skinning in DotNetNuke 5 - DNN Layouts
• DNN Garden - DDR Menu for DotNetNuke

I strongly recommend the DNN Garden menu!

Move all of the styles out of your skin and into skin.css.

Give all of your elements ids so that it's easy to find and style them, too.