I am working on my first CSS/XHTML website. I hope that you can help with an unusual problem that I am seeing in Mozilla Firefox 1.04.
I am using a floated list item <li> to make multiple columns. This is similar to the gallery example in http://css-discuss.incutio.com/?page=GalleryFloat. The problem is that I see a large gap at the bottom of the page in Firefox. This problem does not occur in IE. Here is the sample page: http://www.piedmont-div.org/test/hobbyshops.html CSS: http://www.piedmont-div.org/test/css/styles.css Here is the section of CSS that I use to make the 2 columns. #content #board li, #content #hobbyshops li { width: 20em; list-style-type: none; font-size: 1.2em; color: #000; font-weight: bold; float: left; } #content #board li li, #content #hobbyshops li li { font-size: 0.833333333em; font-weight: normal; float: none; margin: 0; } Thanks very much for your help. Scott __________________________________ Discover Yahoo! Have fun online with music videos, cool games, IM and more. Check it out! http://discover.yahoo.com/online.html ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
