Hover border-top question

HTML & CSS
1

Hi guys,

Drawing a blank this morning,

If I apply border-top: 3px solid #dedede for my navigation a:hover

How do I prevent the content below moving down the 3px to accomodate the border?

Thanks
Kyle

2

You could be tricky about it, and give the unhovered state a 3px border matching the background, or give it 3px top margin … or something else creative.

3

hey ralph, yeah i actually had resorted to adding a background colour that matched my background because i just couldnt think of any other way of doing this.

Thanks!