W3C Validator error (HTML 5 )

[nomad]

Hello Everyone:

I'm trying to clean up my code HTML5 and CSS3 and I get this error when I check it with W3C Validator

Error Line 153, Column 43: Duplicate ID bullet_format.
<div class="redbulle ts" id="bullet_form at">✉
Warning Line 140, Column 43: The first occurrence of ID bullet_format was here.
<div class="redbulle ts" id="bullet_form at">

Not sure how to solve this problem. Any help would be great. Thanks
nomad


HTML5 Code

About Us</strong>  - Overview</h2>
<p><span class="main_text_bold">Light Laboratory Inc.</span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat</p>
 
<div class="redbullets" id="bullet_format">
  <ul>
    <li>Ut wisi enim ad minim veniam, quis nostrud exerci tation</li>
    <li>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie<br>
    </li>
  </ul>
</div>
<p class="main_text_bold">More than just a test lab. </p>
<p> TRE aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
 
 
<div class="redbullets" id="bullet_format">
  <ul>
    <li>Lvel illum dolore eu feugiat nulla facilisis at</li>
    <li>Duis autem vel eum iriure dolor in hendrerit in
    </li>
  </ul>
</div>
 

css3 code

/*********************format bullet***************************/
 
#bullet_format {
    width: 735px;
    margin-top: 20px;
    padding-top: 2px;
    padding-left: 15px;
}
#bullet_format_services {
    width: 400px;
    margin-top: 1px;
    padding-top: 5px;
    padding-left: 15px;
}
 
/*********************red bullet***************************/
.redbullets{
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    line-height: 20px;
    margin-top: 5px;
    margin-left: 5px;
    width: auto;
    padding-left: 5px;
}
.redbulletsbold{
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight: bold;
    line-height: 18px;
}
.redbullets ul{list-style-image:url(../images/bullet_red.gif);
    margin-left: 10px;
    margin-top: 10px;
}
 
.redbullets a{ font-family:Verdana, Geneva, sans-serif;text-decoration:none; color:#0067a4; }
.redbullets a:hover{font-family:Verdana, Geneva, sans-serif;text-decoration:none; color:#333; }
 

[Nepomuk]

IDs in HTML (or XML) are supposed to be unique, so every id can only identify one element. So if you use IDs in the CSS you'll only be able to apply the CSS settings to that one element. It's probably better to use classes instead.

[nomad]

Thanks Nepomuk for the info