#container {
  position: relative;
  width: 680px;
  height: 190px;
  overflow: hidden;
  border: 2px solid #CC00CC;
  background-color: #000000;
  padding-bottom: 2px;
 }

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

.content {
  width: 190px;
  height: 100px;
  float: left;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 0px;
}

.scrollNav, .scrollNav a:link, .scrollNav a:visited, .scrollNav p  {
  font-size: .9em;
  color:#FFFFFF;
  font-weight: normal;
  margin-bottom: 1px;
}

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

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

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