Firefox conditional comments CSS

Question

Hi, I'm trying to position a button. I want it to be above the "Gå Videre" button on the page, it works in Safari and Chrome but not IE or FF.

#cartUpdate {
    position:absolute;
    width:160px;
    height:30px;
    left:580px;
    bottom:50px;
}

And

    {capture assign="cartUpdate"}

        <div id="cartUpdate"><!--<input type="submit" class="submit" value="{tn _update}" />-->
        <button type="submit" class="submit" id="oppdatersubmit" name="saveFields" title="Oppdater" value="">&nbsp;</button> </div>
    {/capture}
    {assign var="cartUpdate" value=$cartUpdate|@str_split:10000}
    {php}$GLOBALS['cartUpdate'] = $this->get_template_vars('cartUpdate'); $this->assign_by_ref('GLOBALS', $GLOBALS);{/php}

    {form action="controller=order action=update" method="POST" enctype="multipart/form-data" handle=$form id="cartItems"}

CONTENT


{/form}

Can be seen live at www.euroworker.no/order (put something in the basket first (Kjøp and Handlevogn)

EDIT: Just noticed my backend editor has stopped updating the .tpl file.. Might have something to do with it, no updates have been made for hours according to what's on the FTP. Just one thing after another...

Thanks.

Answer 1

Try to use -moz- prefix for all properties.

Answer 2

You could also try a separate CSS file:

  <!-- IF NOT INTERNET EXPLORER THEN -->
  <![if !IE]>
  <!-- INCLUDE THIS CSS SHEET -->
    <link href="css/ff.css" rel="stylesheet" type="text/css" />
  <![endif]>

Answer 3

as @Neurofluxation conditional comments are best to handle the problems with IE, since you are having it with FF, just use FF CSS as default one and conditions for IE style sheets, you can also tweak your CSS for Firefox by using javascript you can explicitly say if Firefox is my browser use this style sheet, but that is a bad idea since javascript can be disabled and you website is leaved with bad layout.