Bonjour !

Bon petit problème relativement simple que je n'arrive malheureusement pas à résoudre.

J'ai une table avec une seule colonne et douze lignes.
Quand je clique sur le texte d'une ligne, celui-ci passe en gras et une bordure s'affiche autour de ma cellule.

Sauf qu'à ce moment là, la largeur de ma table change.

Comment éviter ça ?

J'ai essayé de fixer une taille mais rien à faire, dès que je clique sur un mot un peu long, la largeur de ma table change.

Code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<table id="tablemois">
<tr><td id="mois-1">Janvier</td></tr>
<tr><td id="mois-2">Février</td></tr>
<tr><td id="mois-3">Mars</td></tr>
<tr><td id="mois-n">n</td></tr>
</table>
Code CSS quand on clique sur un mois :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
.moisencours {
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8060), to(#F9AB86));
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	border: 2px solid #F66;
	font-size: 18px;
	text-align:center;
}
Et j'ai testé en CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
#tablemois td {
	width: 100px;
}
Si vous pouviez m'aider ... ^^
Merci