jquery round corners all around
Hi
I am trying to put round corners on a slider div. But so far I am only getting one round corner
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../s3Slider.js"></script>
<script type="text/javascript" src="../js/jquery.corner.js"></script>
<script type="text/javascript">
$("document").ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
$("document").ready(function(){
$("img, li,a").corner()
});
</script>
<div id="main">
<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="file:///C|/Users/john/Desktop/carousel/images/carousel-images/blowing.jpg" />
<span class="bottom">Porter Services</span>
</li><!--end sliderImage-->
<li class="s3sliderImage">
<img src="file:///C|/Users/john/Desktop/carousel/images/carousel-images/carpet.jpg" />
<span class="bottom">Carpet Cleaning</span>
</li><!--end sliderImage-->
<li class="s3sliderImage">
<img src="file:///C|/Users/john/Desktop/carousel/images/carousel-images/mopping.jpg" />
<span class="bottom">Housekeeping</span>
</li><!--end sliderImage-->
<li class="s3sliderImage">
<img src="file:///C|/Users/john/Desktop/carousel/images/carousel-images/pointing.jpg" />
<span class="bottom">Pressure Cleaning</span>
</li><!--end sliderImage-->
<li class="s3sliderImage">
<img src="file:///C|/Users/john/Desktop/carousel/images/carousel-images/windows.jpg" />
<span class="bottom">Window Cleaning</span>
</li><!--end sliderImage-->
<li class="clear s3sliderImage"></li>
</ul><!--end s3sliderContent-->
</div>