title: Works in JSFiddle not in web directory
body: <p>Here is the <a href="http://jsfiddle.net/CPeGK/2/" rel="nofollow">JSFiddle link</a>!</p>
  
  <p>The code works fine except when I insert it in my index.html then the browser cannot resize the icon.</p>
  
  <p>Using the following script tags in my header of the index.html file in my web project</p>
  
  <pre><code>&lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"/&gt;
  </code></pre>
  
  <p>Do you have any ideas why this is not working?</p>
  
  <p>TY in advance</p>
  
  <p>Here is full code</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
      &lt;head&gt;
          &lt;title&gt;Home page&lt;/title&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
          &lt;meta http-equiv="Content-Style-Type" content="text/css" /&gt;
          &lt;link href="style.css" rel="stylesheet" type="text/css" /&gt;
          &lt;link href="layout.css" rel="stylesheet" type="text/css" /&gt;
  
          &lt;!--
          David JavaScript code
          --&gt;
          &lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"/&gt;
              &lt;script&gt;
              $(document).ready(function() {
                  $("#imghover1").mouseover(function() {
                      $("#imghover1").width(295);
                      $("#imghover1").height(54);
                  });
                  $("#imghover1").mouseleave(function() {
                      $("#imghover1").width(245);
                      $("#imghover1").height(45);
                  });
              });
  
          &lt;/script&gt;
  
  
      &lt;/head&gt;
  
      &lt;body  id="page1"&gt;
          &lt;div class="tail-top"&gt;
              &lt;div class="tail-bottom"&gt;
                  &lt;div class="main"&gt;
                      &lt;div id="header"&gt;
                          &lt;ul&gt;
                              &lt;li class="first"&gt;&lt;a href="index.html" class="current"&gt;Home page&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="index-1.html"&gt;Company&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="index-2.html"&gt;Registration&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="index-3.html"&gt;IT Services&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="index-4.html"&gt;Questionnaire&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="index-5.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                          &lt;a href="#"&gt;&lt;img alt="" src="images/button2.gif" class="button1" /&gt;&lt;/a&gt;
                          &lt;div class="indent2"&gt;&lt;img alt="" src="images/icon1.gif" class="alignMiddle" /&gt; &amp;nbsp;&lt;a href="login.jsp"&gt;login&lt;/a&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;img alt="" src="images/icon2.gif" class="alignMiddle" /&gt; &amp;nbsp;&lt;a href="#"&gt;search&lt;/a&gt;&lt;/div&gt;
                          &lt;div&gt;&lt;a href="index.html"&gt;&lt;img alt="" src="images/xxcloud.gif" id="imghover1" class="logo" width="245" height="45"  /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;
  
                          &lt;div class="indent"&gt;
                              &lt;img alt="" src="images/slogan.gif" /&gt;&lt;br /&gt;
                              &lt;img alt="" src="images/title.gif" /&gt;&lt;br /&gt;
                              &lt;p&gt;&lt;strong&gt;Donec accumsan malesuada orci. Donec sit amet eros. consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget elementum vel cursus eleifend elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. &lt;/strong&gt;&lt;/p&gt;
                              &lt;a href="#"&gt;&lt;img alt="" src="images/button.gif" class="button" /&gt;&lt;/a&gt;&lt;br /&gt;
                          &lt;/div&gt;
                          &lt;div class="indent1"&gt;
                              &lt;a href="#"&gt;&lt;img alt="" src="images/banner1.jpg" /&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;img alt="" src="images/banner2.jpg" /&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;img alt="" src="images/banner3.jpg" /&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;img alt="" src="images/banner4.jpg" /&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;img alt="" src="images/banner5.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>