1: 
2: 
3: 
4: 
5: 
6: 
7: 
8:

.navi {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	background-image: url(foo.gif);
	background-repeat: no-repeat;
	background-position: 5px center
}

1: 
2: 
3: 
4: 
5: 
6: 
7:

.navi {
 background:url(striche.png) bottom repeat-x;
}

.navi a:before {
 content:url(pfeil.png);
}

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:

.navi {
    background-image: url(bg.gif);
    background-repeat: repeat-x;
    background-position: 0px bottom
}
.navi a {
    background-image: url(pfeil.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: 5px center
}

1:

<div class="navi"><a href="foo.php">foo</a></div>