hi,
i am added sprite images in my page, in firefox browser showing properly, but in IE has some problum,
here i wrote the code
<pre lang="html"><div class="projectProgressBubbleDocked">
<h3 style="removed -11px;">
&lt;asp:Label ID="lblProposed" runat="server" Text="&lt;%$ Resources:Abatement, Proposed %&gt;"&gt;
</h3>
&lt;asp:Image ID="imgProposed" runat="server" style="position:relative;margin-left:6px;top:-1px;display:block;z-index:1 " meta:resourceKey="imgBtnProposedResource1" CssClass="progressInitiativesGreen1" /&gt;
<div class="progresBubbleConnector" style="removed:relative;removed-30px;"></div>
</div>
<div class="projectProgressBubbleDocked">
<h3 style="removed -11px;">
&lt;asp:Label ID="lblPlanned" runat="server" Text="&lt;%$ Resources:Abatement, Planned %&gt;"&gt;
</h3>
&lt;asp:Image ID="imgPlanned" runat="server" style="position:relative;margin-left:16px;top:-1px;" CssClass="progressInitiativesGreen1" meta:resourcekey="imgPlannedResource1" /&gt;
</div>
<div class="projectProgressBubbleDocked">
<h3 style="removed -11px;">
&lt;asp:Label ID="lblInProgress" runat="server" Text="&lt;%$ Resources:Abatement,InProgress %&gt;"&gt;
</h3>
&lt;asp:Image ID="imgInProgress" runat="server" CssClass="progressInitiativesGreen1" style="position:relative;margin-left:26px;top:-1px;" meta:resourceKey="imgBtnInProgressResource1" /&gt;
</div>
<div class="projectProgressBubbleDocked">
<h3 style="removed -11px;">
&lt;asp:Label ID="lblCompleted" runat="server" Text="&lt;%$ Resources:Abatement, Completed %&gt;"&gt;
</h3>
&lt;asp:Image ID="imgCompleted" runat="server" style="position:relative;margin-left:36px;top:-1px;" CssClass="" meta:resourceKey="imgBtnCompletedResource1" /&gt;
</div>
<div class="projectProgressBubbleDocked">
<h3 style="removed -11px;">
&lt;asp:Label ID="lblRejOrCancelled" runat="server" Text="&lt;%$ Resources:Abatement, Rejected %&gt;"&gt;
</h3>
&lt;asp:Image ID="imgCancelled" runat="server" style="position:relative;margin-left:45px;top:12px;top:-1px;" CssClass="progressInitiativesGreen1" meta:resourceKey="imgBtnCancelledResource1" /&gt;
</div>
<div style="float:right; padding: 35px 13px;"></div></pre>
atuvally here i called sprite images by using css class ,
.progressInitiativesGreen1, .progressInitiativesRed1, .progressInitiativesBlue1,progresBubbleConnector
<pre lang="cs">{
background: transparent url("images/sprite.png") no-repeat;
cursor: pointer;
display:block;
}</pre>
<pre lang="css">.progresBubbleConnector
{
width: 515px;
height:35px;
}
.progresBubbleConnector
{
background-position: -455px -664px ;
}</pre>
<pre lang="css">.progressInitiativesGreen1, .progressInitiativesRed1, .progressInitiativesBlue1
{
height: 23px;
width: 23px;
}</pre>
<a href=""></a>