Dear Forumers,
I'd like to ask for your help with the following site:
www.eletkozpont.hu
If you take a look in FF3, everything is fine. But in FF2 the bottom menu is messed up, and instead of lining up below each other, the menu pics line up ON each other.
Here is a part of the CSS, I don't want to post the full code since it would take pages:
#imenu {
float: left;
display: inline;
margin-left: 67px;
margin-top: 14px;
margin-bottom: 11px;
width: 170px;
}
#imenu span {
display: none;
}
#imenu ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}
#imenu li a {
padding-bottom: 7px;
}
#imenu-1 a {
float: left;
height: 20px;
width: 170px;
background: url(TextIyashi1.png) no-repeat;
_background: none;
}
#imenu-2 a {
float: left;
height: 20px;
width: 170px;
background: url(TextIyashi2.png) no-repeat;
_background: none;
}
#imenu-3 a {
float: left;
height: 20px;
width: 170px;
background: url(TextIyashi3.png) no-repeat;
_background: none;
}
...
#mmenu {
float: left;
display: inline;
margin-left: 51px;
margin-top: 14px;
width: 122px;
}
#mmenu span {
display: none;
}
#mmenu ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}
#mmenu li a {
padding-bottom: 7px;
}
#mmenu-1 a {
float: left;
height: 20px;
width: 135px;
background: url(TextMassage1.png) no-repeat;
_background: none;
}
#mmenu-2 a {
float: left;
height: 20px;
width: 135px;
background: url(TextMassage2.png) no-repeat;
_background: none;
}
...
Any ideas on how to fix this?
Thanks!
|