problema en IE pero bien en chrome jquery

[carlosmderio3]

Hola, tengo un problemita que con IE no me reconoce JQuerry.

quisiera que me den una mano con este código.

Código PHP:

  <div id="page-wrap"> 
<section class="slide-up-boxes"> 
<a href="/?id=contacto"> 
<h5>Contacta con nosotros!</h5> 
<div>Contacta con nuestro equipo de atención al cliente!</div>                 
          </a> 
 
        </section> 
             
    </div>  
   

aqui el .css

Código CSS:

* { margin: 0; padding: 0; }
 
 
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
 
#page-wrap { width: 370px; margin: 60px auto; }
 
h1 { font: 32px Helvetica, Arial, Sans-Serif; margin: 0 0 20px 0; }
p { margin: 0 0 20px 0; }
a { text-decoration: none; }
 

aqui el css interno

Código CSS:

<style type="text/css">
body {
    background-color: #000;
}
        .slide-up-boxes a { 
            display: block; 
            height: 130px; 
            margin: 0 0 20px 0; 
            background: rgba(215, 215, 215, 0.5); 
            border: 1px solid #ccc; 
            height: 65px; 
            overflow: hidden; 
        }
        
        .slide-up-boxes h5 { 
            color: #333; 
            text-align: center;
            height: 65px; 
            font: italic 18px/65px Georgia, Serif;  
             opacity: 1;
             -webkit-transition: all 0.2s linear; 
             -moz-transition: all 0.2s linear; 
             -o-transition: all 0.2s linear;
        }
        
        .slide-up-boxes a:hover h5 { 
            margin-top: -65px; 
            opacity: 0; 
        }
        
        .slide-up-boxes div { 
            position: relative; 
            color: white; 
            font: 12px/15px Georgia, Serif;
            height: 45px; 
            padding: 10px; 
            opacity: 0; 
            -webkit-transform: rotate(6deg); 
            -webkit-transition: all 0.4s linear; 
            -moz-transform: rotate(6deg); 
            -moz-transition: all 0.4s linear; 
            -o-transform: rotate(6deg); 
            -o-transition: all 0.4s linear; 
        }
        .slide-up-boxes a:hover div { 
            opacity: 1; 
            -webkit-transform: rotate(0); 
            -moz-transform: rotate(0); 
            -o-transform: rotate(0); 
        }
        .slide-up-boxes a:nth-child(1) div { background: #c73b1b url(images/wufoo.png) 17px 17px no-repeat; padding-left: 120px; }
        .slide-up-boxes a:nth-child(2) div { background: #367db2 url(images/diw.png) 21px 10px no-repeat; padding-left: 90px; }
        .slide-up-boxes a:nth-child(3) div { background: #393838 url(images/qod.png) 14px 16px no-repeat; padding-left: 133px; }
    body,td,th {
    color: #FFF;
}
</style>
 

bueno, espero de que me den una mano, estaré muy agradecido!
(Soy muy nuevo en esto y me cuesta demasiado).
Son unos Cracks!