Hello again and thanks for the answer.
This is what I did, according to suggestions I saw you gave to other users in order to fix the height of main menu and sub menus and also remove the border from the entire menu. I want to resize the parent menu to 66px height and keep the buttons text alligned in the middle of the buttons.
| Code: |
/* height of main menu*/
.ux-menu-container .ux-menu a
{
height: 32px;
padding-top: 24px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
float: left; /* IE6 floating fix */
}
/* height of sub menus*/
.ux-menu-container .ux-menu .ux-menu-sub a
{
height: 10px;
padding-top: 8px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
float: none; /* IE6 floating fix*/
}
/* remove border of entire menu*/
.ux-menu-container UL.ux-menu LI a
{
border-style:none;
}
|
I tested the menu in IE 6, 7 and 8, Google Chrome 6 and Firefox 3.6. The issue occurs in all, except Firefox.
Also, after applying the IE6 floating fix that you suggested in a post, the submenu in IE6 looks something like this:
Is there a way to remove the 1px spacing between the main menu and submenu elements?
Thank you,
Cristi
Cristi
