Can't set border for header button link?

Question

css

Hi guys!!! this is the problem I can’t set the border in the menu for the button link in the header, the border that is displayed when hovering with the help (hover) there you need to set the border radius and border, but the fact is that if you set both properties, then in the menu when you hover the link or button ( how else can they be called) they play, jump, change their location here is the psd layout that I'm typesetting
look at the top menu in the header
Home About Me Portfolio Blog Contact
Where Home on hover exactly
the same styles need to be set

Answer 1

As far as it can be understood from the question, the fact is that you have a problem because of the border.
Set transparent border for button in normal state and border for :hover state

.button {
 border: 1px solid transparent;
}
.button:hover {
 border: 1px solid #ccc;
}