title: Img:hover not working
body: <p>My Problem is I want to have an image, which i positioned precisely, which grows when i hover on it. I did it with .name:hover{..} but nohing happens ? What is the problem ? 
  Here my Code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;body background="img/BG.jpg" &lt;/body&gt;
      &lt;title&gt;NBA&lt;/title&gt;
      &lt;a href="SeiteInfos.html"&gt; &lt;h1 class="p"&gt;NBA-Infos&lt;/h1&gt; &lt;/a&gt;
      &lt;style type="text/css"&gt;
  
  
  h1{text-align:center;
      color:orange;
      Border: 3px solid green;
      margin:10px 600px;
      Border-radius:10px;}
  
  #text1{text-align:center;
         color:#E0F2F7;
         font-family:Algerian;
         font-size:20px;}
  
  
  
   #seite2{color:#0066CC; font-size :15px; text-align: bottom-right;}
  
  
  
      .p:hover {
      position: relative; 
      top: -3px; 
      left: -3px; 
      text-shadow: 1px 1px #E76F1A, 
              2px 2px #E76F1A, 
              3px 3px #E76F1A, 
              4px 4px #E76F1A, 
              5px 5px #E76F1A, 
              6px 6px #E76F1A}
  
      #ho{width:20px; height: 60px;
      color: red;}
  
  
      img[class*="pic_"]{position:absolute;
                      z-index:-2;
                       -webkit-transition: all 1s ease-in-out;
                       -moz-transition: all 1s ease-in-out;
                       -o-transition: all 1s ease-in-out;
                       transition: all 1s ease-in-out;}
  
  
  
      .pic_chicago{left:735px;
                   top:247px;}
  
      .pic_Atlanta{top:474px;
                   left:950px; }
  
      .pic_Atlanta:hover{transform: scale(1.7);
                         -ms-transform: scale(1.7); /* IE 9 */
                         -webkit-transform: scale(1.7); /* Safari and Chrome */}
  
  
      &lt;/style&gt;
  &lt;/head&gt;
  
  
  
  
  
      &lt;p id="text1"&gt;Auf die Überschrift klicken um auf die Infoseite zu gelangen. Auf die verschiedenen Staaten klicken, um auf die offizielle Teamseite zu gelangen.&lt;/p&gt;
      &lt;p id="seite2"&gt;&lt;a href="MyHomepage2.html"&gt;Hier kommt ihr zur nächsten Seite!&lt;/p&gt;&lt;/a&gt;
      &lt;div id="ho"&gt;    &lt;/div&gt;
      &lt;div id="pics"&gt;
  &lt;img src="img/chicago.png" class="pic_chicago"/&gt;
  &lt;img src="img/Atlanta-Hawks.png" class="pic_Atlanta" /&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>Thanks for Your help :D</p>