CSS position problem


Not sure I am posting this in the right place. I updated my wordpress site and it made my menu screwy. I think it is a CSS positioning problem but I can’t see how that could be since I changed nothing on the child theme. Any advice would be appreciated.


Does seem like a CSS issue, at least in part. One thing you don’t want is this background image on the <nav> itself:

nav {
background-color: #8EA002;
[COLOR="#FF0000"]background-image: url(images/menu-sprite2.jpg);[/COLOR]
background-position: 0px 0px;
height: 40px;

Removing that line in red helps. Just use the background on the <a>s themselves (where it already is).

Thank you. Why is it a no no to use it there? Because I don’t need it?

Yes, it’s a “sprite” image that is only intended to appear through the little “windows” of each <a> element, as it were.