> I'm displaying my cell borders using the page container div's background > image and border properties. > > Works in IE and Opera but in all the Mozilla browsers I've tested in > (Netscape, Firefox and Mozilla) the container doesn't wrap around the divs. > > I know it's something to do with all the divs in the container div being > floated. If anyone can tell me how to solve it or point me in the direction > of the relevant resource I would really appreciate it.
Floated elements don't take up space inside the container, so the container won't "stretch down" to contain them (except in IE, which has it's own way of dealing with things). To force the container div to stretch, you can add a "clearer div" after all floated elements: E.g.: <div style="clear: both"> </div> However, there's another method [1] that does it the clean way, without structural markup, which I prefer. Prabhath http://nidahas.com [1] http://www.positioniseverything.net/easyclearing.html ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
