Menu item disappears in Safari not in other browsers?

[RichyVn]

On the following website ([www.bgfreightline.com](http://www.bgfreightline.com “bgfreightline.com”)) I am working on the menu at the top. It just disappears when scaling the browser window down to at tablet / phone size. But as far as i know it only happens when using safari 5.1.7. on a windows XP machine.
Can anyone help me figure out as to why this is happening?

Thanks in advance
Richard

[Paulie_D]

Disappears on W7 too (Safari 5).

[RichyVn]

Okay thanks. Wierd!?

[RichyVn]

at Paulie_D. Any ideas?

[Paulie_D]

Not really….The menu reappears if you remove float:none when at the problem size but it’s not styled as you might want.

The only thing I can think of is a media query issue that Chrome just ‘manages’ but Safari borks on.

[RichyVn]

Yes I had noticed that as well…..very strange. Thanks anyway.

[Senff]

Make sure that for those screen widths, the position:relative; for #access li is removed. It’s twice in your code (lines 64 and 576).

[RichyVn]

Ahhaa.. Got it!!
I changed:
position: relative; on line 64 to
position: static;

And that did the trick for me!

Thanks Senff for spoting this. ;-)

[Author]

Posts