I am trying to float an image to the left of some paragraphs of text which include a list:
http://campcoop.com/ When the image is *not* floated to the left, the list is nicely indented (in Firefox 3, the <ul> has 40px left padding). However when the float is adjacent to the list, it is not indented and looks wrong. The list is not indented, so the list decoration (the bullets) appear to the left of the paragraphs of text. If the image does not have a margin, then the bullets appear on top of the image! After some research, I think that this is because floats appear on top of adjacent margins: http://complexspiral.com/publications/containing-floats/ So the 40px left padding on the <ul> is going under the float and the list is not indented. Fair enough. But what is the correct way to get my list to look consistent, both when it is, and is not, adjacent to a float? Much thanks : ) ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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/
