I have been attempting to create status indicators in Sharpeoint Designer 2010 using two background images (red and green circles) in a hyperlink column and conditional formatting. The idea is that the hyperlinks direct to a list and the background image indicates the status of that list. I have been using the xsl:choose element to pick which cirle gets displayed behind the hyperlink.
<xsl:attribute name="style">
<xsl:choose>
<xsl:when test="$thisNode/@prodimpnumber != '1'" xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime" ddwrt:cf_explicit="1"> background-image: url('../images1/red indicator small.png'); background-repeat: no-repeat; background-position: center center; line-height: 100px; vertical-align: middle; text-align: center;
</xsl:when>
<xsl:otherwise> background-position: center center; background-image: url('../images1/green indicatorsmall.png'); background-repeat: no-repeat; vertical-align: middle; text-align: center; line-height: 100px; font-weight: bold;
</xsl:otherwise>
</xsl:choose>
</xsl:attribute>
My issue is this: in sharepoint designer the indicators display properly in SPD i.e. display green cicle if the relevant column isn't equal 1 and otherwise display red circle,
however on the actual page only green circles are displayed.
Here how the indicators look in SPD

Here is how the page looks

I can't figure out what's happening or how to fix it. Assistance would be greatly appreciated.