# Tyssen Design/Suckerfish menu - cross-browser behavior

**URL:** <https://forum.kirupa.com/t/tyssen-design-suckerfish-menu-cross-browser-behavior/189456>\
**Category:** web dev\
**Created:** [June 2, 2006, 6:31pm UTC](https://forum.kirupa.com/t/tyssen-design-suckerfish-menu-cross-browser-behavior/189456 "2006-06-02T18:31:26Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![takethetrain](https://avatars.discourse-cdn.com/v4/letter/t/ba8739/32.png) [@takethetrain](https://forum.kirupa.com/u/takethetrain)\
**Post date:** [June 2, 2006, 6:31pm UTC](https://forum.kirupa.com/t/tyssen-design-suckerfish-menu-cross-browser-behavior/189456/1 "2006-06-02T18:31:26Z")

</div>

[This tutorial](http://www.tyssendesign.com.au/articles/css/single-image-replacement-rollovers-with-suckerfish-dropdowns/) is a great modification of the Suckerfish dropdown menu, using image rollovers for the top menu bar (without javascript, except in IE). I modified it to have the dropdown items include image rollovers as well. However, I’m having some minor cross-browser trouble with the submenus–-in IE and Opera, they display correctly, but in Firefox, Safari, and Netscape, they are about 40 px to the right of where they should be.

The menu: [http://nightstand.org/hcec/roll/](http://nightstand.org/hcec/roll/)

The CSS file: [http://nightstand.org/hcec/roll/main.css](http://nightstand.org/hcec/roll/main.css)

If anyone can help me out here, please do! I could use a fresh eye.

Thanks!