title: how to make a visible <div> and not blocker
body: <p>I have a html code and its.</p>
  
  <blockquote>
    <p><code>&lt;input type="submit" class="sub" /&gt;&lt;div class="img"&gt;&lt;/div&gt;</code></p>
  </blockquote>
  
  <p>Now the CSS code is</p>
  
  <blockquote>
    <p>.img{backgound: url(image.png);height:10px;width:10px;}</p>
  </blockquote>
  
  <p>img class position (located) on the submit. now when i try to click the submit (the img class is over it). it not clicked because of the img class.</p>
  
  <p>now i want to make the div class is visible but at the same time it not blocks when i click the submit.</p>
  
  <blockquote>
    <p>I dont want to use background for the submit, because im already using it on the submit with another image.</p>
  </blockquote>
  
  <p>i wish that you understand me.</p>
  
  <p>and im sorry for my english ...</p>
  
  <p>Thanks,</p>