Padding over laps the height of the header div


From the screenshot, I made a header div which is the whole of the red portion. I also made the individual links - About, Work, Contact and Post. with some padding around each of them.

Then I made a hover with CSS such that when you hover over any of the links, the padding/background of that link turns into a deep dark blue color, such as is in the image above with the Work link.

However, the problem is that the padding overlaps when you hover over any of the links, making the background color spill over instead of flushing or aligning with the bottom of the header div/banner.

Please how can I resolve this issue?


We would need to see your code to really be sure what is going on here as it could be a number of issues!

1 Like