DIV, Text and List Alignment

I have an article I wrote and I wanted to add some ads to the left of the article, using a DIV tag with a left float.

The first paragraph of the article is plain text, and this is followed by ten numbered bullet points.

The problem was that either the first paragraph of text is aligned with the text of the bullet points (but not with the numbers, like it used to be before I added the DIV tag), or the numbered list is being shifted left.

It feels as though I've tried every combination of margin and padding settings on the DIV tag, the paragraph tag and the list.

I have been recommended to use "list-style-position : inside;" on the list, which is what's currently on the page, and although that has sorted out the left alignment of the plain text and the list, the list has now lost its hanging indent.

So please could somebody take a look at http://www.technology4u.info/build-...own-website.php and let me know how to fix this?

Please note: if only one ad is showing, you should refresh the page, as the number of ads varies from 1 to 5, and the problem won't be apparent if only one or two ads are displayed.

Thanks!


Mark.