Always Problems with IE7

[Gauwuzl]

I have used Pixopoint-Menue and have a small but annoing problem. With all other browsers the menue fits perfect into the page. With the IE7 (and IE&) the menue goves over the edge (next to the search button)
Take a look here: http://www.petersmann.at

Is there something i can do about it? Thx for you help in advance…
Michael

The CSS for the menue is as here:

#pixopoint_menu1 {
width:100%;
height:35px;
background:#079407 url("../images/dazzle_green.png") repeat-x;
background-position:50% 0;
margin:1px;
    padding:0px 20px;}
#pixopoint_menu1 ul {
width:100%;
border:none;
background:none;
margin:0;
padding:0px;
list-style:none;
}
#pixopoint_menu1 li {
border:none;
background:none;
background:#079407 url("../images/dazzle_green.png");
color:#FFFFFF;
line-height:35px;
z-index:20;
letter-spacing:0px;
background:;
font-weight:normal;
font-size:14px;
padding:0;
margin:0 0px;
;float:left;
font-family:Arial, Helvetica, sans-serif;
position:relative;
}
#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
background:#65c038 url("../images/dazzle_green.png");
background-position:0 60px;
}
#pixopoint_menu1 li a {
border:none;
background:none;
text-decoration:none;
display:block;
padding:0 25px;
color:#FFFFFF;
}
#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:20px;
width:160px;
}
#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:#65c038;
z-index:20;
width:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
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:27px;
color:#079407;
text-decoration:none;
margin-top: 0px;
}
#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:#079407;
}
#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:#65c038;
}
#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:120px;
}
#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:120px;
}
#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-right: 20px;
}
#pixopoint_menu1 li.pixo_search input {
font-family:Arial, Helvetica, sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
width:100px;
}
#pixopoint_menu1 li.pixo_right {
float:right;
}

[Anonymous]

Try throwing zoom property whenever you come across an unexpected error or breakdown. A lot of times, it’s hasLayout issue that screws up yous layout.

[imported_Ryan]

This could one of many, many problems. I don’t have the time to help with IE problems for free right now though sorry.

[Author]

Posts