Got it.
It's inside a class (.post) which already had image attributes.
The reason that one was overriding the class inside that class is because i needed make it more specific. The more specific a class is, that's the one it will listen to.
So i did this
Code:
.post img.special
{
background: none;
border: none;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.post img.special:hover
{
background: none;
border: none;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
img a not specified by .post so not added in codes. This works, but only when i put the class in the image html itself. When i put the images around <div class="special"> tags it doesn't work. Very weird, but it's good now.