title: User agent stylesheet overriding border styles
body: <p>First off, let me say I am pretty new to coding in general, so please be specific in your responses =)
  I am having an issue with borders around images on a site I am working on. You can see the site here: <a href="http://eventswithvizability.ca/" rel="nofollow">http://eventswithvizability.ca/</a></p>
  
  <p>I have 10 images rotating on page reload, you can see the HTML here:</p>
  
  <pre><code>    &lt;SCRIPT LANGUAGE="Javascript"&gt;
      function banner() { } ; b = new banner() ; n = 0
      b[n++]= "&lt;IMG name=randimg  CLASS='aligncenter1'&gt;"
      b[n++]= "&lt;IMG name=randimg   CLASS='aligncenter2'&gt;"
      b[n++]= "&lt;IMG name=randimg   CLASS='aligncenter3'&gt;"
      b[n++]= "&lt;IMG name=randimg   CLASS='aligncenter4'&gt;"
      b[n++]= "&lt;IMG name=randimg   CLASS='aligncenter5'&gt;"
      b[n++]= "&lt;IMG name=randimg   CLASS='aligncenter6'&gt;"
      b[n++]= "&lt;IMG name=randimg  CLASS='aligncenter7'&gt;"
      b[n++]= "&lt;IMG name=randimg   CLASS='aligncenter8'&gt;"
      b[n++]= "&lt;IMG name=randimg   CLASS='aligncenter9'&gt;"
      b[n++]= "&lt;IMG name=randimg  CLASS='aligncenter10'&gt;"
      i=Math.floor(Math.random() * n) ; 
      document.write( b[i] )
      &lt;/SCRIPT&gt;
  </code></pre>
  
  <p>Basically I want no borders around my images. I have firebug installed, and I can see when inspecting the element that is is reading my style for the images (so no borders), but nothing I do is changing the fact that I still have a border displaying around my images.</p>
  
  <pre><code>    media="all"
      img[class*="align"], img[class*="wp-image-"] {
      margin: auto;
      border: none !important;
      border-style: none !important;
      border-width: 0 !important;
      border-bottom-color: transparent !important; 
      /*test to see if I can get rid of bottom border*/
      }
  </code></pre>
  
  <p>I have tried fixing my doctype, adding a reset stylesheet, adding !important all over the place, and reading everything I could track down on google, but it is still picking up this <strong>border-style:initial;</strong> script from somewhere. If it is the browser, then my reset stylesheet should have taken care of it..right? </p>
  
  <p>Please help! I am going batty trying to figure this out. </p>