Ayuda a reparar Codigo URGENTE!!!

[rakata]

Hola,

Bueno despues de la ayuda que me brindaron en el post anterio quisiera que alguien me ayude a reparar el codigo del Carousel haber les presento el problema:

-El Carousel no funciona

COdigo ORIGINAL CSS:

Código:

/* Horizontal Carousel */
#horizontal_carousel {
  float:left;
  width: 575px;
  height: 200px;
  margin-bottom: 10px;
  position: relative;  
}         

#horizontal_carousel .container {
  position: absolute;
  top: 5px;
  left: 37px;  
  width: 504px;
  height: 144px;
  overflow:hidden;   
  background: #3F3F3F;
}            

#horizontal_carousel .previous_button {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 27px;
  height: 144px;
  background: url(classic/horizontal/left.gif);
  z-index: 100;    
  cursor:pointer;
}        

#horizontal_carousel .previous_button_disabled {
  background: url(classic/horizontal/left-disabled.gif);
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 27px;
  height: 144px;
  background: url(classic/horizontal/right.gif);
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel .next_button_disabled {
  background: url(classic/horizontal/right-disabled.gif);
  cursor:default;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 144px;
}                      

#horizontal_carousel ul li img {
  border:1px solid #999999;
  display:block;             
  background:#E3EDFA;  
}                               

#horizontal_carousel ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel ul li {
  border:0px solid green;
  color:#E3EDFA;
  margin:0pt;
  padding:15px 10px 10px;
  width:106px;
  list-style:none;   
  float:left;
}

Codigo EDITADO CSS:

Código:

/* Horizontal Carousel */
#horizontal_carousel {
  position: relative; 
}         

#horizontal_carousel .container {
  position: relative;
  top: 0px;
  left: 0px;  
  width: 355px;
  height: 78px;
  overflow:hidden;
  background: url(img/H_03.gif); 
}            

#horizontal_carousel .previous_button {
  position: relative;
  top: 0px;
  left: 0px;
  width: 19px;
  height: 64px;
  background: url(img/H_13.gif);
  z-index: 100; 
  cursor:pointer;
}        

#horizontal_carousel .previous_button_disabled {
  background: url(img/H_13.gif);
  cursor:default;
}

#horizontal_carousel .next_button {
  position: relative;
  top: 0px;
  left: 0px;
  width: 19px;
  height: 64px;
  background: url(img/H_09-17.gif);
  z-index: 100; 
  cursor:pointer;
}   

#horizontal_carousel .next_button_disabled {
  background: url(img/H_09-17.gif);
  cursor:default;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 144px;
}                      

#horizontal_carousel ul li img {
  border:0px solid #999999;
  display:block;             
}                               

#horizontal_carousel ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel ul li {
  border:0px solid green;
  color:#E3EDFA;
  margin:0pt;
  width:106px;
  list-style:none;   
  float:left;
}

le quite en el ID(#horizontal_carousel) todo y le deje la posicion.

CODIGOS JS:

Código:

megaupload.com/?d=ZWD4H86C

disculpen por lo de MegaUpload