Mehr Infos bitte - danke!

[molily]

Hallo,

display:none;
  position: absolute;
    top: 40px;
    left: 0px; right: 0;
    padding: 8px;
    width: 300px;
}

Entweder du gibst left einschließlich right an oder du gibst width an. Beides ergibt keinen Sinn. Möglich wäre noch left + width.

left und right zu benutzen ist m.E. am besten, besser als eine feste Breite anzugeben.

Ich wollte eigentlich auch wissen, ob die 480px Breite des Samsung Handy identisch sind zum FF Browser auf einem Windows PC?

Galaxy S2 hat eine physikalische Auflösung von 480 x 800 Pixeln.
http://de.wikipedia.org/wiki/Samsung_Galaxy_S_II
Die ist für dein CSS aber irrelevant (zumindest bei width=device-width).

Galaxy S2 hat eine CSS-Viewport-Breite von 320px (CSS-Pixeln).
http://viewportsizes.com/?filter=galaxy s2
Diese ist maßgeblich beim Setzen von CSS-Werten mit der Einheit px.

Das heißt, die Device-Pixel-Rate ist 1.5.
http://bjango.com/articles/min-device-pixel-ratio/

Der Firefox ist ein Desktop-Browser. Das Verkleinern des Viewports mithilfe der Developer-Tools gibt nur ein ungefähres Bild davon, wie deine Seite auf echten Mobilbrowsern dargestellt wird. Die meisten Desktop-Rechner haben eine Device-Pixel-Rate von 1 und reagieren nicht auf <meta name="viewport">. Die Chrome-Developer-Tools erlauben hier schon eine bessere Emulation.
https://developers.google.com/chrome-developer-tools/docs/mobile-emulation

Ich lese immer was von "Density" bei Mobil Displays.

Das ist die o.g. Device-Pixel-Ratio.

Mathias