title: W3C errors for duplicate id's
body: <p>I am using <a href="http://validator.w3.org" rel="nofollow">http://validator.w3.org</a> to validate my code.</p>
  
  <p>However I have 45 errors, largely related to duplicate id's.</p>
  
  <p>I thought where possible it would be a good pratctice to re use CSS.</p>
  
  <p>Example code:</p>
  
  <p>CSS</p>
  
  <pre><code>#cloudbullet {
  background-color: #85c0bf;
  height: 22px;
  left: 13px;
  margin-top: 7px;
  position: relative;
  top: 63px;
  width: 20px;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="container1-title" class=""&gt;
          &lt;h2&gt;Cloud/Hosting&lt;/h2&gt;
          &lt;/div&gt;
  
          &lt;div id="cloudbullet" class=""&gt;
          &lt;/div&gt;
          &lt;div id="cloudbullet" class=""&gt;
          &lt;/div&gt;
          &lt;div id="cloudbullet" class=""&gt;
          &lt;/div&gt;
          &lt;div id="cloudbullet" class=""&gt;
          &lt;/div&gt;
          &lt;div id="cloudbullet" class=""&gt;
          &lt;/div&gt;
          &lt;div id="cloudbullet" class=""&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>The effect being that I get 6 css boxes in a vertical row.</p>
  
  <p>Please can someone advise if what I have done is correct and if I should ignore the validation or does this need to be done in a different way?</p>
  
  <p>Thanks,</p>