<html>
<head>
<title>Dotted Border</title>
<style>
#one_with_dotted_bottom_border{
border-bottom: dotted 1px #545454;
}
*html #one_with_dotted_bottom_border { border: none; background:url(dot.jpg) repeat-x bottom; padding-bottom: 1px;}
</style>
<body>
<div id="one_with_dotted_bottom_border">This has dotted Bottom Border</div>
</body>
</html>