Safari :hover Problems
So this week, while developing a standard HTML site, I could not for the life of me, figure out why Safari would NOT render a rollover properly. Well, it turns out after much research, that Safari has a problem rendering a:hover’s on items that are INSIDE a list item. The way to fix this, is to make sure that your UL, and LI tags all have position: relative; tags on them, and also use display:block; For some reason, it seems to fix it. It’s a documented Safari bug.
Advertisement
