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!

[Naahuel]

Yo no veo jQuery en ninguna parte... Pero reconozco ese código, son los slide-up boxes de Chris Coyier. Por supuesto que sólo va a funcionar en Google Chrome, ya que está basado en el motor WebKit. El efecto que observás no es Javascript, es CSS3 sólo válido para navegadores WebKit (Chrome, Safari).

Los prefijos que las propiedades CSS tienen ahí son webkit, moz y o. Es decir que el código en realidad debería funcionar en las últimas versiones de Chrome, Safari, Firefox y Opera. No en IE.

[carlosmderio3]

ya me parecía ami, y ¿alguna solución cambiando eso por javascript y css o algo para que IE se de cuenta de que esta el código?

si estas en lo cierto, es de la página http://css-tricks.com/video-screencasts/93-css3-slideup-boxes/ que lo podes encontrar....