Stylesheet issue - any ideas why it wont work?

Ph3n0m

Below is my stylesheet, the colourised section is the main focus of my problem

.normal_white2:hover {
text-decoration : none;
color : #8FBE00;
font-size : 9px;
font-family : verdana, arial, helvetica;
}
hr.white {
height:1; color: #ffffff
}
.white_dots {
color: #ffffff
}
td.dotty {
background-image: url(images/dots3.gif);
}


Now everything is working ok for my site, however I have a cell in a table, referenced like so

<td class="dotty">blah</td>

The problem is that it doesnt work, however if I place

<style>
td.dotty {
background-image: url(images/dots3.gif);
}
</style>

in the actual page where I want this style to be applied it works - does anyone have any idea as to why it wont work when placed in the style sheet (keeping in mind, any other styles in the stylesheet are displayed correctly)

JustHalf

Look here:

http://www.w3.org/TR/CSS21/syndata.html#value-def-uri

Basically, you need to reference your images differently; that uri format will only refer to images relative to that CSS file.

Ph3n0m

Cheers for that