/* Simple scalable breadcrumb by Veerle Pieters
------------------------------------------------------------------*/
body {
	font:71%/165% "Lucida Grande", Lucida, Verdana, sans-serif;
	}
ul, li {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
#crumbs {
	height:2.3em;
	border:1px solid #dedede;
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
#crumbs li a {
	background:url(images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}		

<ul id="crumbs">
   <li><a href="#">Home</a></li>
   <li><a href="#">Main section</a></li>
   <li><a href="#">Sub section</a></li>
   <li><a href="#">Sub sub section</a></li>
   <li>The page you are on right now</li>
</ul>

http://veerle.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs

Simple scalable CSS based breadcrumbs

CSS