override image style

hi friends,

i have a content div, aptly classed "content".
in my content css i specify that i want all images resized to 590px.

however, i have just ONE kind of image which sits inside a div with it's own class, "author" (which sits inside the "content" div). i'd like the image inside the author div to be a different size - 300px to be precise.

I tried just putting in

.author img{
max-width:300px;
min-width: 300px;
height: auto;
}

but the .content img code is overriding the .author img code i guess because of the heirachy of the div or whatever.

any way to fix this?

x

any way to fix this?
Need to see your complete html+CSS or a link to your page. You may set an id on that particular image to make a more specific selector (http://htmldog.com/guides/cssadvanced/specificity/).

Unfortunately I'm working in maintenance mode so none of the pages are publicly viewable. I will try the id and if I can't get it to work I could probably set up an account for someone to look in and see?

Unfortunately I'm working in maintenance mode so none of the pages are publicly viewable. That's why I used the OR option my post. :rolleyes:

Thanks id worked!