How can I fix duplicate ids for valid html?

I have a portfolio with a list of projects, each project being in a div labeled "project". The problem is that this produces invalid html. What would be the best solution for this?

if you are using ID's you should only have one instance of each ID in any given document.

change the ID to a class, or use different ID names.

Hello cpkid2,
Instead of styling #project in your CSS and having a bunch of <div id="project">'s in your markup a class would look more like this:
.project {
...
}
and <div class="project"></div>
<div class="project"></div>
<div class="project"></div>
<div class="project"></div>

id vs class (http://www.tizag.com/cssT/cssid.php)


.

Sweet, thanks guys.