View Single Post
Old 10-18-2011, 11:36 AM   #1
dcbradle
 
Join Date: Oct 2011
Posts: 2
Default Horizontal Menu length appears different in different browser

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
dcbradle is offline   Reply With Quote