Hi, I'm recently working on a DotNetNuke site. I've done everything and tested in the IE and it looks fine, but when I opened it in Firefox I found out that paddings beside button text in the menu are missing. (image below)
I'm using DotNetNuke version 4.9.
Here is the link of the my test site: www.trustees.co.nz.spwd.net.nz/CONTACTUS/tabid/58/Default.aspx
I didn't use "rootmenuitemlefthtml" and "rootmenuitemrighthtml" to add spaces beside button text. Instead I added some paddings to the Solpart Menu.
Here's the css:
.MainMenu_Idle {
height: 81px;
padding-top:0px;
padding-right:14px;
padding-bottom:0px;
padding-left:14px;
text-transform:uppercase;
color: #999;
vertical-align:middle;
text-align:center;
margin:0;
background:url(images/2nd/button-normal-bg-navy.jpg) left top repeat-x;
}
.MainMenu_Selected {
height: 81px;
text-transform:uppercase;
color: #999;
vertical-align:middle;
text-align:center;
margin:0;
background:url(images/2nd/button-hover-bg.jpg) left top repeat-x;
padding-top:0px;
padding-right:14px;
padding-bottom:0px;
padding-left:14px;
}
/*-- menuitems active --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {
height: 81px;
padding-top:0px;
padding-right:14px;
padding-bottom:0px;
padding-left:14px;
color: #164792;
vertical-align:middle;
text-align:center;
margin:0;
background:url(images/2nd/button-normal-bg-navy.jpg) left top repeat-x;
}
Does anyone knows how to solve this problem in Firefox? I have looked online but couldn't find any useful information. Please tell me if I did anything wrong or I need to add some code.
Thanks heaps.