Unterschiedliche Darstellung in Browsern

  • Hallo zusammen,


    ich habe zwischen head- und content-Bereich ein Slider-Modul eingefügt und wie folgt im template.css posioniert:


    slider{
    position:fixed;
    height:auto;
    border:0px solid black;
    overflow:visible;
    }
    .inslider { float:right; margin-top: -100px; margin-right:400px; }



    die Slideshow wird in allen Browser korrekt angezeigt, nit Ausnahme von Firefox (Version 47.0.1), hier wird das Slider-
    Modul zu weit nach rechts verschoben. Ich habe schon versucht mit einem Browser-Hacks (s.u.) zu arbeiten, leider ohne
    Wirkung.


    @-moz-document url-prefix() {
    .inslider { float:right; margin-top: -100px; margin-left:1200px; }
    }


    Die entsprechende Definition in der index.php ist:

    <div id="slider">
    <div class="inslider">
    <jdoc:include type="modules" name="bildshow"/>
    </div>
    </div>

    Ich hoffe ihr habt einen Tip für mich.
    Danke im Vorab