I have discovered the answer...
div.listitem li, ol{
margin: 0px;
padding: 0px;
list-style-position: inside;
text-indent:20px;
}
ja***@jimw.co.uk (James Walker) wrote in message news:<82**************************@posting.google. com>...
Hi there, i'm having a problem when a list appears immediately after a
floating div element... the bullet points or numbers appear behind the
image in both IE and Firefox... i've tried wrapping the list item in a
div and setting the margins and padding of the list but they seem to
refer to the far left of the page so if i've got two floating divs
next to each then a wider padding or margin is required ... here's my
code:
<HTML>
<HEAD>
<TITLE>CMS</TITLE>
<style>
div.divalignleft { float:left; }
div.listitem {}
</style>
</HEAD>
<body>
<div class="divalignleft">
<img src="pictures/26.jpg" width="77" height="80" />
</div>
<div class="listitem">
<ol><li>(new)</li><li>(new)</li></ol>
</div>
</body>
</HTML>
Am i being stupid??
Cheers
James