{"id":1027,"date":"2013-07-25T21:17:46","date_gmt":"2013-07-26T07:17:46","guid":{"rendered":"http:\/\/mymonkeydo.com\/?p=1027"},"modified":"2013-07-25T21:17:46","modified_gmt":"2013-07-26T07:17:46","slug":"ie-doesnt-see-padding-on-hover","status":"publish","type":"post","link":"https:\/\/mymonkeydo.com\/ie-doesnt-see-padding-on-hover\/","title":{"rendered":"IE Doesn’t see padding on hover"},"content":{"rendered":"
Internet Explorer 8 (I no longer even look at IE 7) seems to not be able to see the padding on an anchor tag within a ul > li > a structure. \u00a0 Using jQuery I have a hover event on the li, however it only works on the bottom 1px of the li.<\/p>\n
<\/p>\n
I tried adding position:relative and zoom:1, as some have suggested but that doesn’t work. \u00a0I then just tried to put a background in the anchor tag to see if IE even recognizes that the anchor tag has padding. \u00a0It did recognize the padding and once the background was in the hover also worked. \u00a0Turns out IE needs a background set? \u00a0I found another person who had this problem and the solution was to set the background to a transparent image of 1×1 px.<\/p>\n
<\/p>\n