Hi, this is the first time I stumble on margin problem in Firefox (all gecko browsers actually), although I can re-work my markup to make it work the way I wanted, but I really like to know what the problem is with this issue and if there is a fix for it.
First I thought it was margin collapse bug but after some testing and and reading on articles I found from google search, I still can't make it works. The codes that are in question are in the comment area http://zhujili.com/index-new.html <ol> <li class="msg_left">1</li> <li class="poster">John Doe on Jul 7, 11:34 AM</li> <li class="msg"><p>comment here</p> </li> </ol> the '1' and 'John Doe on Jul 7, 11:34 AM' should stay in one line where the '1' is floated left. Safari, Opera and IE obey the rule however in Firefox, the "John Doe..." is being pushed away exactly 51px to the right. #comments li {margin-left:96px; /* because the gray background image is 96px wide} #comments li.msg_left { background:#cc8c0b; padding:5px; float:left; width:30px; margin-left:51px; /* this one is causing the problem in Firefox but I need this declared because I wanted the the box stay 51px away from the left */ } I thought it was margin collapse bug and had tried adding 'border'/ padding to elements (one at a time) that are associated to the comment area, none of them work. Your help is greatly appreciated! tee ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
