Allineamento float

[matjr]

Ragazzi ho bisogno di una mano su una cosa..
Ho un allineamento sbagliato come vedete nelle immagini..

Questo è il div:

<div class="bar"></div>

e questo il css:

div.bar {
	margin: 0px;
	padding: 0px;
	height: 18px;
	background-color: #F9F9F9;
	display: block;
}
div.navbar {
	margin-left: 170px;
	display: inline;
	float: left;
}
a.navbar1{
	float: right;
	display: block;
	width: 18px;
	height: 25px; 
	margin-top: 0px;
	padding: 0px;
	position: absolute;
    background: url(http://www.burningflame.it/immagini/.../arancione.gif) no-repeat 0 -22px;
}
a.navbar1:hover{
	background-position: 0 -12px;
}
a.navbar2{
	float: right;
	display: block;
	width: 18px;
	height: 25px; 
	margin-top: 0px;
	margin-left: 18px;
	padding: 0px;
	position: absolute;
    background: url(http://www.burningflame.it/immagini/navbar/blu.gif) no-repeat 0 -22px;
}
a.navbar2:hover{
	background-position: 0 -12px;
}
a.navbar3{
	float: right;
	display: block;
	width: 18px;
	height: 25px; 
	margin-top: 0px;
	margin-left: 36px;
	padding: 0px;
	position: absolute;
    background: url(http://www.burningflame.it/immagini/navbar/rosso.gif) no-repeat 0 -22px;
}
a.navbar3:hover{
	background-position: 0 -12px;
}

[matjr]

scusate ho risolto mettendo l'immagine del div come background nel css