Streaming live at 10am (PST)

Hover DIV border scales elements inside box


I’m trying to apply a border on hover but I apply it and hover it reduces the sizes of the content inside. Any ideas on a work around?

Pic attached of how it’s supposed to look.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Right here we go.

Add a div block under container.
Move the other elements as are inside that div block.
Remove borders off div block and put them on the new div block/
Make sure both normal and hover are the same 9 pixels.

The normal mode to be transparent and the hover yellow.

You will have an issue with the red block as you have padding under the text.
On Div Block 9 add 10 padding.