Need up-to-date CSS advice...
This file confuses me: http://www.leevalleyestates.co.uk/Untitled-2.html
There is an image which is left aligned, and an unordered list, but the bullets site on top of the image in Mozilla, and under the image in IE7.
I am using this in a website with a plugin WYSIWYG editor, and so I don't want to use DIVS to solve it (the client wouldn't understand) so all I have at my disposal is the CSS definitions for the UL and a class I can attach to the image.
How can I make this look like normal HTML? (and why's it doing it anyhow!)
Has this always been a problem, and I just never noticed?
I have tried mucking about with the margins and padding, replacing the bullet with an image, and setting the UL to be 'inline' (whatever that means!)
Points given for simplest and quickest solution...
<p><img src="http://www.leevalleyestates.co.uk/images/uploaded/case_studues/lversa_250.jpg" align="left" />dsfth l;sjk sdh sfh sf</p>
<li>h sdfgh sf sh sdh sdfh sdfth sdh </li>
<li>sdfh sdh sd</li>
<li>h sdth sdthsd th sdth sdth</li>
<p> sgh s</p>
<p>h sdh sdh </p>