This reply has been reported for inappropriate content.
I’m not sure I understand your question, the bullet is technically “outside” of the list. You can place it inside by applying list-style-position:outside; to your ul.
I’m a little confused now. I do not want the bullets inside (like in the second example). I want the bullets outside so that the start of the second line in a list item is at the same indent as the start of the first line.(and not right below the bullet). I want the page to look very much like example 1. Example1 looks perfect in all browsers except IE9 where the bullets at the beginning appear to the left of the image
In other words, I want the first example replicated even on IE9