quick bit of css: position absolute

[unwashed potato!]

i have...

<div class='imageLink'>
<div class='specialImg'>on offer</div>
<a href="image.jpg" class="thickbox">
<img src="image[URL="http://forums.overclockers.co.uk/view-source:http://localhost/imAdam/gcs/shop/image/cache/data/apple_cinema_30-250x453.jpg"].jpg[/URL]" id="image" />
</a>
</div>

and...

div.ImageLink {
position: relative;
height: 453px;
width: 250px;
}

div.specialImg {
z-index: 2;
height: 97px;
width: 100px;
background: url('../image/special_offer.png') no-repeat;
position: absolute;
top: 0;
left: 0;
}

i can't seem to get specialImg to be positioned within it's parent imageLink. what am i missing?

 

[Mattus]

Capitalisation? In your HTML you have 'imageLink' but in your CSS you have 'ImageLink'. Fairly sure classes are case-sensitive.

 

[unwashed potato!]

as i copied it straight from my code that'll be the issue. knew it was something simple just couldn't see it.