Noscript Gestaltung

Hallo,

ich möchte auf meiner HP einen Text anzeigen wenn der Benutzer JS für die Seite deaktiviert hat.

Ich habe auszugsweise in der CSS Datei folgende Anweisungen stehen

#content_main p:first-letter {
    font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
    font-size: 1.3em;
    font-weight: 200;
    color: #999;
    line-height: 1;
}
noscript p {
    text-align: center;
    border: 1px solid red;
    background-color: #ccc;
    color: red;
}

Der HTML Code sieht wie folgt aus

<noscript><p>Bitte JavaScript f&uuml;r Galerieansicht aktivieren</p></noscript>

Dieser Text befindet sich allerdings im "#content_main" Bereich.
Was zur Folge hat das der erste Buchstabe des Noscript-Textes ebenfalls anders als der Rest dargestellt wird. Das wird jetzt mit der CSS Spezifität zu tun haben, allerdings habe ich keine Idee wie ich dem Noscript-Bereich jetzt begreiflich machen soll das "first-letter" nicht für den Noscript-Tag gelten soll.

mit deaktiviertem JS kann man sich HIER die ganze miesere anschauen...

Hat da jemand eine Idee wie ich "first-letter" aus dem Noscript-Tag bekomme?

MfG
mephisto2k

Die Idee war gut, nur wusste ich bis dato nicht wie ich das am besten umsetzen sollte.

Meine Lösung sieht nun wie folgt aus:

#content_main noscript p:first-letter {
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 1em;
    color: red;
}


noscript p  {
    text-align: center;
    border: 1px solid red;
    background-color: #ccc;
    color: red;
}

Vielen Dank für Deinen Ratschlag

MfG
mephisto2k