ie 6 and 7 display problem

[matb123]

hi ryan,
i’m using the pixopoint Menu Plugin on a WordPress 2.8.4 site based on a modified K2 theme. All working great, except in IE 6 and 7 where the menus are being shifted over one block to the right, thus pushing the menu onto two lines.
it can be found at http://www.seanlowrie.com/wordpress.

I’ve modified the CSS for the plugin in the following ways.

Position and size of the menu container.
Colors of all elements.

This is the current css:

/*********************************
*********** Main menu ************
**********************************/
#pixopoint_menu1 {
width:734px;
height:22px;
        position:absolute;
        left:290px;
        top:101px;
background:none;
background-position:50% 0;
        background-color:#cccccc;
margin:0;
        }
#pixopoint_menu1 ul {
width:100%;
border:none;
background:none;
margin:0;
padding:0;
list-style:none;
}
#pixopoint_menu1 li {
        width:100px;
        border-left:1px solid #7f837d;
background:none;
background:#none;
color:#37463f;
line-height:22px;
z-index:20;
font-weight:bold;
font-size:11px;
        padding:0;
margin:0 0px;
float:left;
font-family:helvetica,arial,sans-serif;
position:relative;
}

#pixopoint_menu1_wrapper li, #pixopoint_menu1_wrapper ul {text-align:left;}

#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
background:#7f837d url("");
background-position:0 60px;
}
#pixopoint_menu1 li a {
border:none;
background:none;
text-decoration:none;
display:block;
padding:0 12px;
color:#37463f;
}
#pixopoint_menu1 li a:hover {
border:none;
background:none;
text-decoration:none;
color:#FFFFFF;
background-position:100% -120px;
}
#pixopoint_menu1 ul ul {
position:absolute;
left:-999em;
top:22px;
width:200px;
}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
left:auto;
}
#pixopoint_menu1 ul ul li a {
padding:4px 10px;
text-transform:normal;
font-variant:normal;
}
#pixopoint_menu1 ul ul li {
letter-spacing:0px;
color:#444444;
z-index:20;

width:160px;
font-family:helvetica,arial,sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
background:#FFFFFF;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
margin:0;
}
#pixopoint_menu1 ul ul li a {
line-height:13px;
color:#444444;
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
color:#FFFFFF;
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
color:#444444;
}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
color:#FFFFFF;
}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
color:#FFFFFF;
background:#37463e;
        line-height:80%;
}
#pixopoint_menu1 ul ul ul li {
font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
position:absolute;
margin-left:-999em;
top:0;
width:160px;
}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
margin-left:160px;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
text-decoration:none;
}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
color:#FFFFFF;
text-decoration:none;
}
#pixopoint_menu1 li.pixo_search:hover {
background:none;
}
#pixopoint_menu1 li.pixo_search form {
margin:0;
padding:0;
}
#pixopoint_menu1 li.pixo_search input {
font-family:helvetica,arial,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
width:100px;
}
#pixopoint_menu1 li.pixo_right {
float:right;
}

i’ve tried the ie6 fixes for the float bug but no joy there, any other suggestions would be greatly appreciated,

thanks, mat

[matb123]

hi, do you need more information about this problem or am I missing something very obvious,
thankyou,

mat

[imported_Ryan]

Sorry, but K2 is by the far the worst possible theme to try and customise like this. I only work on K2 as part of our premium support option due to the extra work involved in using it … https://geek.hellyer.kiwi/premium_support/

[Author]

Posts