Left Aligned Image Blocking My List Bullets?

[rockyroad]

Here is my code and CSS:

<style type="text/css">

.diamond {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 1.25em;
	color: #6699CC;
}
</style>


<img src="images/Diamond/Daimond1.jpg" align="left"> 
  <ul class="diamond">
        <li>All Types of Pools</li>
        <li>Re-Usable Filter Bag</li>
        <li>Built-in Filtration System</li>
        <li>Vaccums All Types of Debris</li>
        <li>No Installation or Assembly Required</li>
        <li>Removes Microscopic Algae and Bacteria </li>
   </ul>

The problem is that my image is blocking part of my list elements - the bullets. Any ideas why this is happeing, how to correct?

Thanks!

 

[traingamer]

Try a margin-left: 10px; to push the content away from the image a little.

Make sure you have a valid doctype in your header for IE.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[rockyroad]

Thanks, I tried the margin-left; but this did not do anything at all? :-0

 

[traingamer]

Sorry, put a margin-right:10px on the image (tested), not a left margin on the list. Adjust the numbers as needed.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[rockyroad]

thanks, but this doesn't seem to work either...