[Yoyi]

I am having a bit of an issue getting this to work on firefox. IE renders it just fine:

I want an outline around my whole #main-body container but it will not work unless I set it to a fixed height. With auto this happens :

Spire Concepts: Professional Graphic design in South Florida.

The outline is only around the first div.

The second problem I was having is with scaling.
For example here :
Spire Concepts: Professional Graphic design in South Florida.

The middle container is set to auto but I want the side ones to scale with it when text is scaled. The problem I am having is that if I set them to auto the just shrink since there is no content on them.

I tried min-height to see if it would work at least on firefox but nothing.

The css is here

http://www.spireconcepts.com/Css/stylesheet.css

Thanks in advance

[herkalees]

I don't have a direct fix for your issue, but I will recommend that you change your code to work perfectly in Firefox, then you tweak it (read: use conditional comments) so it works in IE.

Always target the better browser first, it will make your life easier in the long run.

[Yoyi]

Thanks for the reply. I actually will be changing the whole site just applying everything I learned so far and changing the design around quite a bit since current one is sorta boring

[skyrocket]

Originally Posted by Yoyi

I want an outline around my whole #main-body container but it will not work unless I set it to a fixed height.

take float:left off the #nav and #container1 divs and you will start to see the error of your ways grasshopper...