2012-10-17, 09:26 PM
Hi, I have written a small css for my board footer to show browser support and when mouse over image change. This code working perfectly in google chrome, but in firefox, the images are nor showing. Can anybody please help?
Board url: www.IndianStudentForum.com
Somebody please help
/* Browser icon classes */
.ie {
height:auto;
}
.ie img {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png) ;
background-position: 0px -306px ;
}
.ie img:hover {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png) ;
background-position: 0px 0px ;
}
.firefox {
height:auto;
}
.firefox img {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png);
background-position: 0px -272px;
}
.firefox img:hover {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png);
background-position: 0px -170px;
}
.chrome {
height:auto;
}
.chrome img {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png);
background-position: 0px -204px;
}
.chrome img:hover {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png);
background-position: 0px -34px;
}
.opera {
height:auto;
}
.opera img {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png);
background-position: 0px -340px;
}
.opera img:hover {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png);
background-position: 0px -102px;
}
.safari {
height:auto;
}
.safari img {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png);
background-position: 0px -374px;
}
.safari img:hover {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png);
background-position: 0px -136px;
}
.dolphin {
height:auto;
}
.dolphin img {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png);
background-position: 0px -238px;
}
.dolphin img:hover {
background:url(http://www.indianstudentforum.com/images/novus-dusk/allicon.png);
background-position: 0px -68px;
}
/*End of browser image classes */
Board url: www.IndianStudentForum.com
Somebody please help