title: image control in asp.net (<img> element) -> inside image positioning help !
body: <p>i have an image component in asp.net like below :  </p>
  
  <pre><code>&lt;div id="imgOperatorLogoContainer"&gt;
      &lt;asp:Image ID="imgOperatorLogo" runat="server" ToolTip="bla bla"
                  AlternateText="bla bla" ImageUrl="~/Images/c"
                  Width="170px" Height="191px" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>as you see i put width and height for this image , but by doing this face-images.jpg (3*170 = 510 * 191) is stretched in the  element area!<br>
  but i do n't want this act , because face-images.jpg contains 3 images (170*191) inside and i want to control their positioning with css and jquery!<br>
  i know we can do this job by a div element - > but what about an image component of asp.net!<br>
  that image after render like below (html)  : </p>
  
  <pre><code>&lt;img style="height: 191px; width: 170px;" alt="bla bla" src="Images/face-images.jpg" title="bla bla" id="imgOperatorLogo"&gt;
  </code></pre>
  
  <p>but why the below css s do not work for this image :  </p>
  
  <pre><code>#imgOperatorLogo
  {
    background-position: 0px 0px;
  }
  </code></pre>
  
  <p>or </p>
  
  <pre><code>#imgOperatorLogo
  {
    background-position: -170px 0px;
  }
  </code></pre>
  
  <p>or</p>
  
  <pre><code>#imgOperatorLogo
  {
    background-position: -340px 0px;
  }
  </code></pre>
  
  <p>we can fix this issue by an alternate div -> but in this way we lose alt text and i think that is important for <strong>SEO</strong><br>
  thanks in advance</p>