#container {
  position: relative;
  width: 420px;
  height: 120px;
  overflow: hidden;
  border: 0px solid #EFEFEF;
}

#container1 {
  position: relative;
  width: 185px;
  height: 140px;
  overflow: hidden;
  border: 0px solid #EFEFEF;
}

#container2 {
  position: relative;
  width: 420px;
  height: 390px;
  overflow: hidden;
  border: 0px solid #EFEFEF;
}

#scroller1 {
  width: 928px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

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

#scroller2 {
  width: 928px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}


.scrollcontent {
  width: 400px;
  height: 120px;
  float: left;
  padding: 3px;
  border: 0;
  font-size: 8;
}

.scrollcontent1 {
  width: 180px;
  height: 170px;
  float: left;
  padding: 3px;
  border: 1;
  font-size: 8;
}

.scrollcontent2 {
  width: 410px;
  height: 390px;
  float: left;
  padding: 6px;
  border: 1;
  font-size: 8;
}


.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}

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

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

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