Bullets overlapping the image IE9 , IE10 - urgent fix required

Hi

   In my website i have an image placed left and ul to the right of that. In IE9 and above my bullets are getting placed before the image and because of that i am not able to give margin-left a huge value also , since all my content will be moved all together accordingly.  In all browsers it is working fine except for IE9 and above. To see my issue i have a sample in http://www.css-lab.com/test/bullet-margin.html . Please  run this page in IE9 or IE10 and the issue will be replicated. I want the bullets to be proper and with proper alignment.

Also i should not use list-style-position:inside, which could have been a solution otherwise

Any help would be appreciable since its a very big issue

Thanks

Veena