My CSS is not working on Firefox...?

Question

I am designing a website and want it to be displayed correctly on almost every browser. I checked it for IE 6, Opera, but Mozilla is not working for good. Previously, I mentioned the styles under tags, that time it was working fine for all the three browsers. As soon as I exported the css, Mozilla started bugging. Damn! Can anybody help?


here is my CSS:--


* {
font-family : Tahoma;
font-size : 10pt;
}
* a {
text-decoration : none;
}
* a:hover {
text-decoration : underline;
}
body {
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
}
#nav1 {
position : relative;
}
#nav1, #nav1 a, #nav1 a:active, #nav1 a:visited {
font-family : Tahoma;
font-size : 10px;
font-weight : bold;
color : #08497b;
text-decoration : none;
}
#nav1 a:hover {
text-decoration : underline;
}
#hnav_tabs {
position : absolute;
top : 128px;
left : 600px;
margin : 0;
width:400px;
}
#hnav_tabs ul {
margin : 0;
padding : 0;
list-style-type: none;
}
#hnav_tabs ul li {
display : inline;
margin : 0;
}
#hnav_tabs a {
background : url('../images/tableft6.gif') no-repeat top left;
padding-left : 4px;
margin : 0;
float : left;
text-decoration : none;
}
#hnav_tabs a span {
background : url('../images/tabright6.gif') no-repeat top right;
padding : 5px 15px 4px 6px;
color : #fff;
display : block;
float : left;
}
#hnav_tabs a:hover {
background-position : 0% -42px;
text-decoration : none;
}
#hnav_tabs a:hover span {
background-position : 100% -42px;
}
#hnav_tabs a.current {
background-position : 0% -42px;
}
#hnav_tabs a.current span {
background-position : 100% -42px;
color : #c4c2c2;
}
.linklist {
width : 210px;
}
.linklist ul {
margin : 0;
padding : 0;
}
.linklist ul li {
list-style-type : decimal;
list-style-position : inside;
list-style-image : url('../images/list.gif');
margin :0;
padding:0;
}
.linklist ul li a {
color : white;
text-decoration : none;
font-weight : bold;
}
.linklist ul li:hover{
list-style-type : decimal;
list-style-position : inside;
list-style-image : url('../images/listh.gif');
}
.linklist ul li a:hover {
color : #f6eb13;
text-decoration : underline;
list-style-type : decimal;
list-style-position : inside;
list-style-image : url('../images/listh.gif');
}
.linklist ul li span {
font-weight : bold;
font-size : 13px;
color : white;
}
#logo {
background : #ffffff url('../images/logo.gif') no-repeat left top;
height : 34px;
width : 286px;
}
#template {
background : #5a7c99;
height : 118px;
width : 1002px;
}
h1 {
font-size : 20.1pt;
font-weight : normal;
}
#search {
padding-right : 10px;
}
#search .searchbox {
font-family : Tahoma;
color : #08497b;
position : relative;
top : -1px;
height : 20px;
padding-left : 4px;
padding-right : 4px;
}
#search .searchbutton {
position : relative;
top : 3px;
}
#main_body_container {
padding-top : 6px;
padding-bottom : 6px;
width : 702px;
}
.round_div_1_corner_top {
background : url('../images/innerrndtop.gif') no-repeat top right;
height : 15px;
}
.round_div_1_corner_bottom {
padding-top : 3px;
background : url('../images/innerrndbot.gif') no-repeat top right;
height : 15px;
}
.round_div_2_corner_top {
background : url('../images/content_top.gif') no-repeat top left;
}
.round_div_2_corner_mid {
width : 500px;
padding-left : 20px;
padding-right : 25px;
padding-bottom : 25px;
text-align : justify;
background : url('../images/content_mid.gif') no-repeat top right;
}
.round_div_2_corner_mid span {
font-weight : bold;
color : #426d9c;
}
.round_div_2_corner_bottom {
background : url('../images/content_bottom.gif') no-repeat top left;
}
.round_div_3_corner_top {
background : url('../images/blue_corner1.jpg') no-repeat top left;
}
.round_div_3_corner_mid {
width : 500px;
padding-left : 20px;
padding-right : 25px;
text-align : justify;
background : url('../images/thumb.gif') no-repeat center left;
}
.round_div_3_corner_mid div {
padding-left : 70px;
color : #ffffff;
font-size : 11px;
}
.round_div_3_corner_mid div span {
font-size : 22.1px;
color : #ffffff;
}
.round_div_3_corner_bottom {
width : 20px;
height : 20px;
background : url('../images/blue_corner2.jpg') no-repeat top left;
}
.round_div_4_corner_top {
background : url('../images/innerrndltop.gif') no-repeat top left;
height : 15px;
}
.round_div_4_corner_bottom {
background : url('../images/innerrndlbot.gif') no-repeat top left;
height : 15px;
}
#mapimage {
background : url('../images/tagimgmap.gif') no-repeat top center;
width : 205px;
height : 175px;
}
#content_below_mapimage {
padding-left : 20px;
padding-right : 20px;
padding-top : 20px;
text-align : left;
}
#article1 {
padding-top : 45px;

Answer 1

The only reason in my view that it would not show up could be a syntax error. So here it is



the last #article { bracket is not closed, put a } at the end after 45px.

This should help.

rest looks fine to me!

Answer 2

Unlike Internet Explorer, Mozilla still has not won the rights as a browser to access every website, sometimes resulting in the plain HTML showing rather then the website.

Answer 3

Working fine in firefox, chrome and opera on this end. Best wishes