Spry menu vanishes in Safari

Question

Hi
I have just started developming my first site with s Spry Horizontal Menu.
Although the site's not finished I have put what I have done up on the server on the clients secondary domain. He called me to say the nav had gone a bit strange when he looked at it on his new laptop. I decided that although it looks fine on my m/c with IE and Firefox, I downloaded Safari to check it's OK with that and hey presto the nav has vanished without a trace!!!
Any one any ideas as to why. the url is http://www.fw-lighting.co.uk/home.html
Does Safari not support Spry?
Thanx
Ralph

Answer 1

Cevema wrote:
Does Safari not support Spry?
Fortunately it does, in fact when the original Spry files are used, ALL browsers support Spry.
Unfortunately your page misbehaves in < IE8  as well as Safari
That is why I would like to suggest that you
replace YOUR version of SpryHorizontalMenuBar.css with the original
modify
#navbar {
    background-color: #3a3289;
    height: 30px;
    width: 1000px;
to
#navbar in your stylesheet  to {
    margin-left: 560px;
    3. add the following style rules to your page making sure that these are loaded after SpryHorizontalMenuBar.css.
ul.MenuBarHorizontal a {
    background-color: #3A3289;
    color: #FFF;
ul.MenuBarHorizontal li {
    width: auto;
ul.MenuBarHorizontal ul {
    width: auto;
ul.MenuBarHorizontal ul li {
    display: block;
    float: none;
    width: auto;
    white-space: nowrap;
    border-bottom: solid 1px #EEE;
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
    padding: 0.5em 2em 0.5em 0.75em;
At a later stage you can create a file called myStyles.css, place the above style rules in there and bind the new stylesheet to your page.
I hope this helps.
Ben