I have a strange problem with positioning the background image in IE. It's working OK in Chrome.
I found one thread here and it helpde me, but now I have a new problem in IE.
Here's the CSS code:
.RadTreeView_CRM .rtPlus,
.RadTreeView_CRM .rtMinus {
background-position:0 0 !important;
height: 24px !important;
width: 10px !important;
}
.RadTreeView .rtPlus {background-image: url('common/show.png') !important; background-position:0 0 !important; height: 24px !important; width: 10px !important; }
.RadTreeView .rtPlus:hover { background-image: url('common/showHover.png') !important; background-position:0 0 !important; height: 24px !important; width: 10px !important; }
.RadTreeView .rtMinus {background-image: url('common/hide.png') !important; background-position:0 0 !important; background-position:0 0 !important; height: 24px !important; width: 10px !important;}
.RadTreeView .rtMinus:hover {background-image: url('common/hideHover.png') !important; background-position:0 0 !important; height: 24px !important; width: 10px !important;}
First the image size was 10px X 10px, but since I was unable to position it in the middle, I've changed the height to 24px. In IE still looks like the image is 10px X 10px (it's still positioned on top).
Any ideas?
Thx.
Uros