[WSG] IE Showing Transparent Corners of Images as White - Until You Scroll Away and Come Back!

[Mani Sheriar]

Hi All,

Please look here: http://www.manisheriar.com/form/vr/category_medicinal.htm
to see an example of this problem.  

The two buttons (‘view site’ and ‘full review’) have transparent corners.
But in IE (not FireFox, of course) the top corners initially show up as
white, until you scroll away from them and the scroll back.  

But then, if you hover over them, the hovered images have the white corners
and then once you mouse out the white corners are back!  (Until you scroll
away and come back again – then they are gone … again.)

Huh???

The html is this: 

<p class="btn"><a href="#" class="visit"><span>Visit Site</span></a> <a
href="#" class="review"><span>Full Review</span></a></p>

And the css is this:

#maincol p.btn {
        float:right;
        width:207px;
        }
#maincol p.btn a {
        display:block;
        height:25px;
        float:left;
        }
#maincol p.btn a span {
                display:none;
        }
body.medicinal a.visit {
        width:90px;
        background:transparent
url(../images/general/buttons/medicinal/visitSiteBtn_off.gif);
        margin-right:4px;
        }
body.medicinal a.visit:hover {
        background:transparent
url(../images/general/buttons/medicinal/visitSiteBtn_on.gif);
        }
body.medicinal a.review {
        width:113px;
        background:transparent
url(../images/general/buttons/medicinal/reviewBtn_off.gif);
        }
body.medicinal a.review:hover {
        background:transparent
url(../images/general/buttons/medicinal/reviewBtn_on.gif);
        }

Thanks in advance for any help!!

Mani Sheriar
Sheriar Designs | www.ManiSheriar.com  
925.952.4365 (landline) | 925.914.0741 (cell) 
 


******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************