border li causa lo spostamento delle voci di menù

[Fabio90]

Buongiorno forum,

al passaggio del mouse sopra le voci di menù vorrei far comparire un bordo di 2 px perciò ho dato la seguente istruzione:

#mainMenu ul li:hover {
	border:2px solid #5A5C58;
	border-radius:5px;
	
}

Il problema è che ciò causa uno spostamento di 2px di tutte le voci di menù..
Come posso fare per impedirlo?

Grazie

 

[Bedo]

...prova così...

#mainMenu ul li:hover {
	border:2px solid #5A5C58;
	border-radius:5px;
	margin: -2px;

	
}

oppure aggiungi questo (compatibilmente con gli stili già presenti)

#mainMenu ul li {
	border:2px solid #coloredelbackground;
	border-radius:5px;
	
}

 

[Fabio90]

Splendido! ho risolto con il margin -2px

Grazie!!