Thanks Mat for your reply. Why do you think the markup is horrible?

Our search results page doesn't have a typical H1 tag because adding a true header would take up space unnecessarily. Therefore, we've assigned the h1 tag to be the breadcrumb.

As filters are applied, the breadcrumb grows to include these filters. This breadcrumb is coded as bullet points, even though they're not the typical style of bullet points.

Here's a screenshot: http://screencast.com/t/AjGC9iAYR3

For example, the breadcrumb:

Home >> NYC Social Media Classes >> Adult >> Manhattan

is currently coded as:

| |
|   | * class="first"><a <span="">href</a><a <span="">="</a>/">Home |
|   | * <a <span="">href</a><a <span="">="</a>/nyc/classes/social-media/age-adults/neighborhood-manhattan" class="Selected">Search results |
|   | |
|   | |
|   | id="cat_social-media" type="checkbox" checked onclick="setCategory('social-media')" /> |
|   | # style="font-size: 12px; display: inline;">NYC Social Media Classes |
|   | <label <span="">for</label>="cat_social-media"> |
|   | |
|   | |
|   | |
|   | <nobr>id="age_adults" type="checkbox" checked onclick="setAge('adults')" /><label <span="">for</label>="age_adults">Adults</nobr> |
|   | |
|   | |
|   | <nobr>id="nbhd_manhattan" type="checkbox" checked onclick="setNeighborhood('manhattan')" /><label <span="">for</label>="nbhd_manhattan">Manhattan</nobr> |
|   | |
|   | |

Right now that H1 tag just relates to 'NYC Social media classes', but we'd like to expand it to include both 'Manhattan' & 'Adults' - would that be ok?

And if so, would it be better to put the tag before and after the

• tag?