jQuery scrolling

HTML

<button id="prev"><</button>
<div id="cara">
    <div id="inner">
    sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf     sfoiawhf weuiofh aiopfh auiopfh wofhe pawiouh fwipfwhf 
    </div>
</div>
<button id="next">></button>

CSS

#cara{
    margin:auto;
    width:300px;
    height:300px;
    background:#FFFFFF;
    overflow:hidden;
    border-radius:5px;
    float:left;
    box-shadow:2px 2px 2px 1px #222;
}
button {
    box-shadow:2px 2px 2px 1px #222;
    float:left;
    margin: 135px 5px 0px 5px;
   background-image: -webkit-gradient(
    linear,
    left bottom,
    right bottom,
    color-stop(1, rgb(0,186,199)),
    color-stop(0.25, rgb(36,102,102))
);
background-image: -moz-linear-gradient(
    left center,
    rgb(0,186,199) 100%,
    rgb(36,102,102) 25%
);
    color:white;
    display:block;
    border:1px solid #222;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#inner {
    width:900px;
    /* below is just styling to look pretty */
);
background-image: -moz-linear-gradient(
    left center,
    rgb(53,235,6) 0%,
    rgb(253,0,0) 100%
);
}

JavaScript

$("#next").click(function(){
    $("#cara").animate({scrollLeft:($("#cara").scrollLeft() + 100)},'fast');
});
$("#prev").click(function(){
  $("#cara").animate({scrollLeft:($("#cara").scrollLeft() - 100)},'fast');
});