Replacing dots with images via CSS, for domain hacks

Example:

del.icio.us

CSS:
body{
  font-family: verdana; 
}
.dot{
  color: transparent; 
  background-image: url('star.gif'); 
  background-repeat: no-repeat;
  background-position: bottom; 
  padding: 0 2px 0 2px; 
 }
.dotinner{
  visibility:hidden; 
} 
.example{
  margin-left: 2em;
  padding: 0 0 0 1em; 
  border-left: 10px solid #CCC; 
}
HTML
del<span class="dot"><span class="dotinner">.</span></span>icio<span class="dot"><span class="dotinner">.</span></span>us