arifkh
04-10-2008, 06:48 PM
This is an issue with both Safari-Mac & Safari-Win. All other browsers show the background image properly. Any ideas what could be wrong in the following CSS:
.exact__widgetlayout_active .exact__widgetlayout_editlayoutbutton
{
margin-left: 7px;
margin-top: 3px;
background-color: transparent;
background-image: url(images/widget-tabeditbutton.png);
background-repeat: no-repeat;
width: 10px;
display:-moz-inline-box;
display:inline-block;
}
The element this CSS corresponds to happens to be an <a>. I have attached the HTMLSnippet of where this <a> tag resides in. I have also attached the actual image in question. The parent spans with classNames "exact__widgetlayout_outer" and "exact__widgetlayout_inner" also have corresponding background images.
.exact__widgetlayout_active .exact__widgetlayout_editlayoutbutton
{
margin-left: 7px;
margin-top: 3px;
background-color: transparent;
background-image: url(images/widget-tabeditbutton.png);
background-repeat: no-repeat;
width: 10px;
display:-moz-inline-box;
display:inline-block;
}
The element this CSS corresponds to happens to be an <a>. I have attached the HTMLSnippet of where this <a> tag resides in. I have also attached the actual image in question. The parent spans with classNames "exact__widgetlayout_outer" and "exact__widgetlayout_inner" also have corresponding background images.