title: how do I make my image hover?
body: <p>I am trying to make my logo hover on mouseover and it is not working. I have two images uploaded to my server. Here is the code and her is the url.What is wrong?</p>
  
  <p><a href="http://arabic001.com" rel="nofollow">http://arabic001.com</a></p>
  
  <pre><code>&lt;div id='logo'&gt;
              &lt;a href="/index.html"&gt;
                  &lt;img src="/images/logo001H.png" style="display:none"&gt;
                  &lt;img src="/images/logo001.png"
                      onMouseOver="this.src='/images/logo001H.png'" 
                      onMouseOut="this.src='/images/logo001.png'"&gt;
              &lt;/a&gt;
          &lt;/div&gt;
  #logo {
      position:absolute;  
      text-align:center;
      top:20px;
      right:10px;
      height:150px;
      width:150px;
      cursor:pointer;
  }
  </code></pre>