Hola tengo un <span> y un <img> dentro de un div y entre ellos se pone a veces un espacio pero solo en IE9 el código html es:
<div id="colorPickerTab0" class="colorPickerTab_active" style="z-index: 50; left: 0px; position: absolute;">
<span style="background-image: url("/WebResource.axd?d=q_XFthNU0HanDUW3LUfHHi77NnK2-lRfQhj1TXcOPilhzHmUo3Lbz99EFOKoAGGdkA0hHWQCDK14cvG YMn-W2ggLDK_mJO0NX2khompERgSIc6goczFRhxUtwUA9m0G8fo8Vi hPgS1DTdl_s0Ip1jw-ayCgjn190KV5GLsIg6fY1&t=634745949871560767");">RGB </span>
<img src="/WebResource.axd?d=j5JU4bd9cm9bwrLIroKlO7rIgHlDhKb4 IDeaYEyXo455bjSCMc0k1il72R2IUIS2lHYHz2VfofcI-qtbOHRczI0a2BoZyFgsJIv4Y2Gs_LdlggfD7oWvppqeCSGdlVO J7WSFQ07VGiSrQZ_neNrq1Ak1PP6xTRQIUD9Pe_7mzg41&t=63 4745949871560767">
</div>
Las clases que interfieren en estos elementos es:
.colorPickerTab_inactive,.colorPickerTab_active{
height:21px;
padding-left:4px;
cursor:pointer;
}
.colorPickerTab_inactive span, .colorPickerTab_active span{
line-height:16px;
font-weight:bold;
font-family:arial;
font-size:11px;
padding-top:1px;
vertical-align:middle;
background-position:top left;
background-repeat: no-repeat;
float:left;
padding-left:6px;
-moz-user-select:no;
}
.colorPickerTab_inactive img,.colorPickerTab_active img{
float:left;
}
Espero me puedan ayudar a quitar el espacio entre los dos elementos.
saludos