title: I can't remove border
body: <p>I can't remove border from my images. I've tried many times with different atributes. Still see white border. If you have any suggestion what causes the problem - please explain to me. I'm kinda newbie.</p>
  
  <pre><code>&lt;head&gt;
      &lt;style&gt;
      img{
      border : none;
      text-decoration: none;
      }
      #forum
      {
          background:url(forum_button.png) 0px 0px no-repeat; 
          width: 300px; 
          height: 81px;
  
      }
      #forum:hover
      {
          background:url(forum_button.png) -300px 0px no-repeat; 
          width: 300px; 
          height: 81px;
      }
      #facebook
      {
          background:url(social_buttons.png) 0px 0px no-repeat;
          width: 29px; 
          height: 29px;
      }
      #facebook:hover
      {
          background:url(social_buttons.png) 0px -33px no-repeat;
          width: 29px; 
          height: 29px;
      }
      #twitter
      {
          background:url(social_buttons.png) -31px 0px no-repeat;
          width: 29px; 
          height: 29px;
      }
      #twitter:hover
      {
          background:url(social_buttons.png) -31px -33px no-repeat;
          width: 29px; 
          height: 29px;
      }
      &lt;/style&gt;
      &lt;/head&gt;
      &lt;body style="background:url(landing.png) no-repeat top #111111; width: 1280px; height: 1024px; border:0;"&gt;
      &lt;a href="#"&gt;&lt;img id="forum" /&gt;&lt;/a&gt;
      &lt;div id="social"&gt;
      &lt;a href="#"&gt;&lt;img id="facebook"&gt;&lt;/a&gt;
      &lt;a href="#"&gt;&lt;img id="twitter"&gt;&lt;/a&gt;
      &lt;/div&gt;
  </code></pre>