Css borders not working

[perezf]

I am currently redesigning a site
i have made the site layout using all css, but have come accross a problem
in I.E. the border work on each side of the mainbody part
but in firefox it does not
i noticed when i add a height to the mainbody the borders go down until the height i specify
how can i make it work without the specified height

http://2fr3sh.com/new/index.html

check it out

[wildteen88]

As you are using floats, you will want to clear them So add
[code]<br style="clear:both" />[/code]
After:
[code]<div id="footer">Copyright 2fr3sh Designs.2001-2006 </div>[/code]

The border should now continue all theyw ay down to the footer.

[perezf]

thank you thank you thank you

[obsidian]

[quote author=wildteen88 link=topic=108525.msg436724#msg436724 date=1158606900]
As you are using floats, you will want to clear them So add
[code]<br style="clear:both" />[/code]
After:
[code]<div id="footer">Copyright 2fr3sh Designs.2001-2006 </div>[/code]

The border should now continue all theyw ay down to the footer.
[/quote]

check out this [url=http://www.positioniseverything.net/easyclearing]clearfix class[/url] that will let you clear your floats without structural markup. it's typically a better alternative than having to add in <br /> tags or spacer divs when you're looking into this type of problem.