Position bullets in a list

I have a bullet-ted list and the bullets are over writing the text .How can i move the bullets
to the left of the text?

http://roofgenius.com/test2.asp
isnoend2001Asked:
Who is Participating?
 
jtwcsConnect With a Mentor Commented:
You are missing the closing ; after padding-left: 15px

Once you fix that, you should see the change.
0
 
jtwcsCommented:
Since you are using a background image on the <li> elements, you will need to declare some left padding to clear the text from the image.

On the .graybox li declaration, add padding-left: 15px;  You could adjust the padding amount to your liking.
0
 
isnoend2001Author Commented:
Thanks  jtwcs
Tried that and it adds another bullet and does not move the blue balls
.graybox li{
      line-height:13px;
      padding-left: 15px
      /*list-style:inside url(images/bullet_ball_blue.gif);*/
      list-style-type:none;
      background:url(images/bullet_ball_blue.gif) no-repeat left 2px;
      }
0
 
isnoend2001Author Commented:
Whoops, Thanks that did the trick
0
 
isnoend2001Author Commented:
Thank you
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.