positioning images on a background graphic
Sent by David Laakso on 14 May 2009 23:11
Erik Vorhes wrote:
> On Thu, May 14, 2009 at 2:51 PM, David Laakso
> [EMAIL-REMOVED]> wrote:
>> There is no "bug" that I am aware of.
> Actually, the following CSS does trigger the IE 6 doubled-margin float bug:
>> float: left;
>> margin: 0 0.15em;
> For details on this phenomenon, see
> The workaround is to apply "display: inline;" to the floated element.
> Because floated elements are always treated as block elements, this
> declaration has no side-effects in any standards-compliant browser.
> And it will get rid of the extra space on the sides of your floated
> <li> elements.
Anthony, the original poster, has followed your advice as of this writing.
He has included display:inline; on the li. Follow the above url and note
your suggestion does not fix IE/6. Nor does it fix IE/7.
What I suggested is not the only way to correct the problem. But it
does work in IE/8, FF, Opera, and Safari. IE/6 and IE/7 go along for
the ride without issue.
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/