css - Image as Wordpress menu item not position correctly in IE -


i have replaced 1 of menu items image, , have styled using code below. looks fine in firefox, chrome, safari , opera, in ie seems ignore relative positioning.

li#menu-item-19 {    display: block;    background-image: url('images/logo.png');    background-repeat: no-repeat;    width: 124px;    height: 120px;    text-indent: -9000px;    margin-right: -42.5px;    margin-left: -42.5px;    position: relative;    top: -31px;    margin-top: -31px;    z-index: 1; } 

i con't show full site it's not live, have setup simpler version of i've been able replicate issue.

http://labs.comule.com/

thanks :)

that's error because of inline-block used in site....

try

add doctype html,

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> works me after added this.


Comments