View Single Post
Old 10-18-2011, 10:36 AM   #1
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;
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;
z-index: 1020;
cursor: default;
width: 217px;
float: none;
position: absolute;
left: -1000em;

dcbradle is offline   Reply With Quote