Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 410
  • Last Modified:

Firefox CSS specific code not working

Hi,

I have this page:
http://myultratrust.com/index1.html

The two rotating images are off a bit by around 2 pixels. You can see the blue horizontal bar is slightly off to the left of the couple with the laptop.

I read on stackoverflow that this should work:

/* for ei-slider */
#family_img img {
    height: 415px !important;
    margin-left: -37px !important; /*sanjay - -9px*/
    margin-top: 62px !important;
    width: 585px !important;
}

#young_couple img {
    margin: 1px 0px 0px -34px !important; /*sanjay - no margin for this image*/
    height: 458px !important;
}

@-moz-document url-prefix() {
    #family_img img {height: 417px;}
    #young_couple img {height: 460px;}
}

Open in new window


But it doesn't work. It's in an external stylesheet at stylesheet04.css. What could be the problem?

Thank you<><
Victor
0
Victor Kimura
Asked:
Victor Kimura
  • 2
1 Solution
 
Victor KimuraSEO, Web DeveloperAuthor Commented:
oh, I forgot to place the !important code in it:

@-moz-document url-prefix() {
    #family_img img {
        height: 417px !important;
        margin-left: -36px !important;
    }
    #young_couple img {height: 460px !important;}
}

Open in new window


It works now! =)
0
 
Victor KimuraSEO, Web DeveloperAuthor Commented:
Forgot the !important attribute code. Works now!
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now