li { list-style: none; } img { border: 0; } ._con { overflow: hidden; margin: 10px auto; height: 100%; padding: 2px 0px 2px 3px; border: solid 1px #dddddd; background-color: #ffffff; } #carousel_container { position: relative; height: 50px; overflow: hidden; top: 0px; left: 0px; } #carousel_container ul { margin: 0px; padding: 0px; list-style: none; } #carousel_inner { width: 260px; height: 50px; overflow: hidden; position: absolute; left: 12px; top: 4px; } #left_scroll { position: absolute; left: 0; top: 20px; width: 9px; height: 9px; cursor: pointer; cursor: pointer; background: url(left.gif) no-repeat; } #right_scroll { position: absolute; top: 20px; right: 0; width: 9px; height: 9px; cursor: pointer; cursor: pointer; background: url(right.gif) no-repeat; } #carousel_ul { width: 9999px; height: 40px; position: relative; } #carousel_ul li { float: left; width: 40px; height: 40px; vertical-align: middle; margin-right: 10px;text-align: center; } #carousel_ul li a { display: block; border: solid 2px #eaeaea; width: 40px; height: 40px; } #carousel_ul li a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; } #carousel_ul li a:hover { border: solid 2px #f60; } #carousel_ul li img { vertical-align: middle; max-width: 40px; max-height: 40px; _width: expression((this.offsetWidth > 40) ? "40px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 40) ? "40px" : this.offsetHeight + "px" ); }