I created a horizontal spry menu bar on my website and got it looking great in IE, however when I view the site in Safari or Firefox the length of it appears different.
I have created an image showing the screenshots from the 3 browsers:
I have also included some of code from my CSS which I think refers to the area that deals with the length of the whole bar and individual menu items:
ul.MenuBarHorizontal li
{
margin: 0 3px 0 0;
padding: 0 0 0 0;
list-style-type: none;
font-size: 12px;
line-height:20px;
position: relative;
text-align: left;
cursor: pointer;
width: auto;
float: left;
left: 0;
}
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 11px;
line-height:6px;
z-index: 1020;
cursor: default;
width: 217px;
float: none;
position: absolute;
left: -1000em;
}
Thanks