If you look at the navigation I put a smooth little css3 animation in the nav items. Basically when you scroll over a link, the border-top increases from 5px to 10px smoothly then mouses-out. Cool!
The problem I'm having is I don't want the text to shift down during that mouse over. The increase in border size pushes the block-item down 5px then back up. Is there someway to make that border increase in size without it "bumping" the content down?
If you look at the navigation I put a smooth little css3 animation in the nav items. Basically when you scroll over a link, the border-top increases from 5px to 10px smoothly then mouses-out. Cool!
The problem I'm having is I don't want the text to shift down during that mouse over. The increase in border size pushes the block-item down 5px then back up. Is there someway to make that border increase in size without it "bumping" the content down?
Consider the box model, the padding is what is pushing your text down, not the margin.
I also agree with @OniLinkCR, I think it looks pretty cool as it is.