Gerer l'emplacement du texte par rapport aux boutons

Bonjour.
Ma question sera très ciblée. Je débute sur CSS (j'ai commencé hier), et j'ai commencé à faire plusieurs tests de design, pour utiliser des fonctions très simples et basiques, je sais, du css... Voici mon travail actuel:

http://www.corentin-charron.info/MYC/Projet001/index.html#

Voici donc le problème qui m'amène ici. En effet, le texte des boutons n'est pas du tout coordonné avec les images. Je ne peux pas trop décrire plus que cela mon problème.
Je vous demande juste si vous pouviez m'aider au sujet de ces boutons et de leur texte... Merci d'avance !

Amicalement.
++

PS: Excusez-moi pôur le titre peu explicite, mais ne savait pas quoi mettre...

Mr.Yann a écrit :
Je débute sur CSS (j'ai commencé hier)

Ça se voit, vu l'approche « découpage » utilisée.
Une petite lecture pour commencer :
http://blog.alsacreations.com/2007/04/07/344-demarche-integration-html-css

Mr.Yann a écrit :
le texte des boutons n'est pas du tout coordonné avec les images.

Ton image de fond est alignée à gauche. Mais à gauche (pour les liens du menu), tu as un padding de 60px. Donc forcément ça ne colle pas.

Corriger le padding, donc.

Je suis désolé, je n'ai pas exactement compris, pourrait tu être plus précis, s'il te plaît ?

++

Hello
Pour répondre plus précisemment, il faut que tu change dans ton CSS le

   padding: 8px 0 0 60px;

par

   padding: 8px 0 0 (un décalage moins fort sur la gauche)px;

sur tes .menu4 a:link, visited et hover
Tes textes reviendront comme par magie sur la gauche
Joyeuse paque