I am trying to place a 2px border around the entire container div and FF will not do it. FF cuts it off ater the first closing tag for the header div. Works fine in IE7. The CSS:

#container {
width:990px !important; /*moz width*/
width:990px; /*IE width*/
margin: 0 auto; /* align for good browsers */
text-align: left; /* counter the body center */
border: #5087BF 2px solid;
background:#fff;
padding:0px;
}

I also tried placing individual calls for top, right, left and bottom in the correct divs. When I did that both IE and FF left a large blank space where the left and right columns were not as long as the center one.

All the opening and closing tags are in the right place.

Can you give us a link or something so we could see what's going on?

- Steve

You have uncleared floats in the container.

Originally Posted by chrishirst

You have uncleared floats in the container.

Maybe but I don't think so. I will for sure try that and admit to being wrong if I am.

You are usually right so I am not betting aganist you at this point.

I can't post a link because this version of the site is not live and I really don't want to take it live until I resolve this issue.

BBL

border: #5087BF 2px solid;

Wrong syntax, it should be : border 2px solid #5087bf

You don't need all that !important nonsense either.

I will change the syntax though it is now working fine in IE7 and FF3.

Chris was right but I still don't know where I failed to clear the float. Finally got it working by adding clear both to the footer declaration.

This has been a major challenge to covert. Nested tables on tables on tables and a zillion spacer.gifs.

You would have a stroke if you could see the site as it currently exists.