Fire ens bokse ved siden af hinanden i css

Hej

Jeg har lavet 4 ens bokse ved siden af hinanden, ved at definere boksene i CSS med hvert deres id:

#previewbox1 {
    position:relative;
        float:left;
        margin:5px 3px 0px 3px;
        overflow:hidden;
        width:181px;
        height:100px;
    border: 1px solid #606257;   
        background-color: #D6CFB2;
        color: #000000;
}
(Boks nummer to, tre og fire er magen til)

Html-koden:
          <div id=\"previewbox1\">
            <div id=\"previewbox_head1\">
              Seneste nyheder...
            </div>
          </div>

          <div id=\"previewbox2\">
            <div id=\"previewbox_head2\">
              Seneste nyheder...
            </div>
          </div>
etc.

Hvordan kan jeg lave det, så jeg ikke behøver at have alle 4 defineret, når de alligevel er ens.

Jeg lavede det først som et id og havde så HTML-koden 4 gange, men det kan ikke valideres hos W3C som gyldig, da hvert id kun kan bruges én gang.

What do i do?