UL align right problem

Hi, trying to achieve this with ul aligned to the right and bullets placed nicely and close to the left of it :
xxx
but get this, the bullets are placed far right (in the image) :
yyy
my css is :

<div style="background-color:#FC0; height:250px; text-align:right">
<img src="wp-content/uploads/dreamstimefree_2447096.jpg" width="250" height="250" align="left">
<h2 class="my_h2_02" style="color:#FFF;">Body Level</h2>
<p class="my_h3_02">Wood Fragrances</p>
<ul>
  <li>Mountain Pine</li>
  <li> Birch</li>
  <li>Fir Tree</li>
  <li>Scotch Pine</li>
  <li>Moos</li>
  <li>Cedar</li>
  <li>Spruce</li>
  <li></li>
  <li>...</li>
</ul>
</div>

Any hint very appreciated.

Regards,
Frank