Selectively removing .space class div

<div class="spacer">

In the CSS this class is set to clear: both;

Whilst this is fine as a default for most of the site, it ruins the display my category layout by adding a chunk of space below the H1 tag:

<h1>Classic Series</h1><div class="spacer"></div><div class="category"><div class="main"><div class="description"><ul><li>Vintage Replica Build</li><li>Mahogany/Poplar Shells</li><li>Vintage Hardware Styling</li><li>Choice of Vintage Finishes</li><li>Bloody Expensive</li><li>Nick &amp; Albie's Lad can't afford to buy them</li><li>Herman Matthews gets his for nowt<br /></li></ul></div></div>

If I could stop the spacer div appearing below the H1 tag it would be fine, but it's generated by the application rather than being hard coded in the template.

When I set the CSS for the .spacer class to display: none it fixes the category page display but breaks the front page!

Unfortunately, the spacer divs seem to have exactly the same class & ID ancestors in the overall page template so I can't seem to target the spacer divs individually to display or hide them when they appear in an unwanted area of my layout.

Can anyone think of a way around how to stop the spacer divs appearing in certain places?