I only 50% understand the whole float business, but what you have got is an inline element floated left (img) next to a block level element (ul) which is not floated.
I try to avoid mixing floated and non floated elements, If one thing is floated, I float everything after it in the html, and do a <div class="clear"> after all the floated elements, then start the non floated elements. It used to be the case that floated elements in firefox (correctly) ignored non floated elements, and in IE they didn't. Now firefox seems a bit inconsistant. On Apr 25, 7:54 am, ".: christian mazur :." <[email protected]> wrote: > Hi! > Add "padding-right: n px" on your img tag. > > Ex. > <img style="float: left; padding-right:30px;" > src="http://farmworks.studiomadfish.com/images/soil_ss1.jpg"/> > > ch.- > > 2009/4/24 Peter S <[email protected]>: > > > Ive been doing mysql/php/html/css for a while, and occassionally noticed odd > > margin behavior around floated elements, but this UL oddity has finally made > > me ask whats going on... > > > The problem is distilled down to a few lines here: > > >http://farmworks.studiomadfish.com/test.html > > > But ive also seen things like <hr>s run the full page width through a > > floated element. > > > Appreciate any pointers, thanks alot. > > > Peter --~--~---------~--~----~------------~-------~--~----~ NZ PHP Users Group: http://groups.google.com/group/nzphpug To post, send email to [email protected] To unsubscribe, send email to [email protected] -~----------~----~----~----~------~----~------~--~---
![http://farmworks.studiomadfish.com/images/soil_ss1.jpg"/](http://farmworks.studiomadfish.com/images/soil_ss1.jpg"/){kind=link}