.photoDiv {
    width:920px;
    height:350px;
    position:relative;
    background-color:#ffffff;
    margin: 0 auto; 
    }

.barDiv {
    width:920px;
    height:10px;
    position:relative;
    background-color:#ffffff;
    margin: 0 auto; 
    }
  
    .scrollframeDiv {
    width:920px;
    height:100px;
    position:relative;
    background-color:#ffffff;
    margin: 0 auto; 
    }
  
    .left {
    width:60px;
    position:absolute;
    top:360px;
    left:0px;
    z-index: 2;
    }
  
    .right {
    width:60px;
    position:absolute;
    top:360px;
    left:860px;
    z-index: 2;
    }

#container {
  position: relative;
  width: 920px;
  height: 100px;
  overflow: hidden;
}

#scroller {
  width: 1730px;
}

.content {
  width: 152px;
  height: 100px;
  float: left;
}

.space {
  width: 10px;
  height: 100px;
  float: left;
}

.sidespace {
  width: 60px;
  height: 100px;
  float: left;
} 


<!--[if IE]>
<style type="text/css">

#scroller{
  width: 1730px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

</style>
<! [endif]-->