UL w/ Image Bullets forcing overlap on image

[Arielle]

I've struggled with this for over a week now with much annoyance. The issue I'm having is that the text from the unordered list is overlapping the image. I've tried using a float on the image but it ends up shoving the text down to the bottom, I've tried removing the margins on the UL and it does help -some- but not enough. I've tried removing the image from the list-style and that while it works creates a whole new issue of ....the customer wants the pretty bulleted list. Any advice/direction would be appreciated.

CSS

ul {
    list-style: disc url(/images/style/bullet.gif) outside;
    margin-left: 8px;
    padding-left: 24px;
    width: 500px;
    margin-top: 0px; 
}
li {
    padding: 0px;
}
 

HTML

<img src="/_images/photos/TestPhoto1.jpg" border="0" align="right"/>
      <ul>
        <li>use prad crue A ty it of triog trad buse me cio trof </li>
        <li>of trole Phic r as cri A dolog micic sold nol a Pic pre traid tren Ph. H., it of of ne fas as </li>
        <li>of hic of tre buot dens a of be the hic Bionit rous a busio trus itmen “Hit wer Emen puza priold meno </li>
        <li>trazi buse re knolog tric vit assuct truct re of mograid true cre renef triend </li>
        <li>lograd its wher cief buse Chicien a logaide it repric so criciol nold, whicid. </li>
        <li>mencid briencra g trolog de wit pro y Dien tradencit buser suct triole ader Dir truend of She pric cas re fienctrog thic re? </li>
        <li>tropme its of tras se budems of a prok triolog traidep wit pre a prienct it   idepiddem. </li>
        <li>Raid of wher le, trits of Flend tre go hole wit of re ad trior folog vold M.D.   Unictrio gicien traider of pider der a crog lesud trait its ho trado usit of y   sen no pre eits tren faits trasso of brider fusens re ficien wase do; aide cit   yof briend treff </li>
        <li>foldenct of hict its glem trit whicts I a gol tricien truens of of traidgai cren   der pult a se </li>
        <li> nef do le aser tric a</li>
        <li>On vas its prold it aso mic deprog A suer solog who suciens yo a doludene Flogy </li>
      </ul>
 

[TheServant]

You want to use the css property: list-style-image.
If that doesn't work here is a resource which is a different approach which you might want to consider: background bullets.
Failing that you could add actual images in your lists like: this guy.