CSS Problème Float Image

Bonjour à tous, je suis nouveau sur ce forum. J'ai un projet d'intégration à réaliser et j'ai un soucis que je n'ai encore jamais rencontré.
Donc en gros j'ai un div ou il y a une image des des href. Ils sont en float:left.
L'image jaune ne se colle pas en haut..
Comment faire pour résoudre ce bug..

http://cshared.free.fr/test/

CSS

.menu {
	position:absolute;
	width:980px;
	height:193px;
	left:50%;
	margin-left: -490px;
}

.left {
float:left;
}


a.btn {
	float:left;
	margin-left:15px;
	background-image: url(../img/etat0.jpg);
	width:100px;
	height:138px;
	outline:none;
	text-align:center;
}

a.btn:hover {
	text-decoration:none;
	background-image: url(../img/etat2.jpg);
}

HTML
			<div class='menu'>
				<div class='left'><img src='img/test.png' alt='rrrrrrrrrrr'></div>
				<a href='#' class='btn'><span class='lienbtn' title='Acrrrrrrrrrrrrrrcueil'>Accueil</span></a>
				<a href='#' class='btn'><span class='lienbtn' title='Archirrrrrrrrves'>Archives</span></a>
				<a href='#' class='btn'><span class='lienbtn' title='S'aboeeeeeerrrnner'>S'abonner</span></a>
				<a href='#' class='btn'><span class='lienbtn' title='A preeeeeopos'>A propos</span></a>
				<a href='#' class='btn'><span class='lienbtn' title='Contaeeeeeeeect'>Contact</span></a>
			</div>

voila Merci d'avance pour le temps que vous y accorderez
Modifié par Neworld (29 Jun 2007 - 19:02)

J'ai pas le temps de regarder en détail maintenant je peux déjà te dire que tu as une erreur au niveau du code html

title='S'aboeeeeeerrrnner'

;)

l'erreur est ici :

a.lienFlux, a.lienFlux:hover, [b]img[/b] {
	[b]padding-top:15px;
	padding-bottom:5px;[/b]
	border:none;
	text-decoration:none;
	outline:none;
}