Its just not happening for me..
I tried it the way you suggested like this..
border:1px solid #CCC;
filter:alpha(opacity=60); /* For IE8 and earlier */
display:block; /*set the div in the center of the screen*/
filter:alpha(opacity=30); /* For IE8 and earlier */
Then my HTML
Main div first part!
<div id="thumbdiv" ><img src="images/me.jpg" width="269" height="267" /></div>
Main div last part!
This is not a problem with opacity, it is this way by design. Nothing can 'fix' it because nothing is wrong with it. What you have to do is use it the way it was designed to be used (which sometimes requires working around what seems to be a problem with the way opacity was designed to work):
Im sorry to be slow to respond its been one of those days, Im sitting trying your example now and its looking great except doesnt seem to work in IE im having to click the compatability button for it to work. Works in chrome and firefox though, have i missed something for IE to do it without the need of the compatability view as most people i know wouldnt know to need t hit it?
I did have that origonaly but when I read your post and didnt see it in your code I figured Id follow what you were saying and not need it.
I get in a pickle at times with all the browsers old and new and whats what with what i all need to remember, so I appreciate this forum.
Can you reccomend a good site I can use as an aid in reading material on all the main differences I should always remember between the browsers and css needed to keep each happy in given circumstances.