i am having problems with this code, some of it works, some not in firefox but all works ok in IE. The parts that don’t work are :

law:link
sub:link
info:link

have looked all over and spent a day racking my mind but to no avail. The code is :

.lawlincs_logo {
  background-attachment: scroll;
  background-image: url(/images/hedmain.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
 
}
.page_header {
 
  font-family:Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-weight:bolder;
  color: #0C1E8E; 
}
.navigation_bar {
  background-attachment: scroll;
  background-image: url(/images/nav bar.JPG);
  background-repeat: no-repeat;
  background-position: center center;
}
.law:link {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #0C1E8E;
  background-image: url(/assets/navigation button .png);
  background-repeat: repeat-y;
  background-position: left top;
  text-indent: 15pt;
  display: block;
  padding: 5pt 0px 5pt 0%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
}
.law:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #0C1E8E;
  background-image: url(/assets/navigation button over .png);
  background-repeat: repeat-y;
  background-position: left top;
  text-indent: 15pt;
  display: block;
  padding: 5pt 0px 5pt 0%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
}
.info:link {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #52136C;
  background-image: url(/assets/navigation info button.jpg);
  background-repeat: repeat-y;
  background-position: left top;
  text-indent: 15pt;
  display: block;
  padding: 5pt 0px 5pt 0%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
}
.info:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #52136C;
  background-image: url(/assets/navigation button info over .png);
  background-repeat: repeat-y;
  background-position: left top;
  text-indent: 15pt;
  display: block;
  padding: 5pt 0px 5pt 0%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
}
.sub:link {
  color: #0C1E8E;
  list-style-type: disc;
  list-style-position:inside;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  visibility: visible;
  text-align: left;
  text-indent: 10pt;
  text-decoration: none;}
.sub:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #000099;
  padding: 2px;
}
.footer:link {
  color: #999999;
  list-style-type: disc;
  list-style-position:inside;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  visibility: visible;
  text-align: left;
  text-indent: 10pt;
  text-decoration: none;
 
}
.footer:hover {
  color: #FFFFFF;
  list-style-type: disc;
  list-style-position:inside;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  visibility: visible;
  text-align: left;
  text-indent: 10pt;
  text-decoration: none;
  background-color: #999999;
  padding: 2px; 
} 
.mini_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}
.backgroung_shadow {
  background-attachment: scroll;
  background-image: url(/assets/960_editable.png);
  background-repeat: no-repeat;
  background-position: center top;
  vertical-align: top;
  display: block;
}
.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #999999;
  text-align: center;
  vertical-align: middle;
}
.disclaimer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
  color: #660066;
  text-align: left;
  vertical-align: middle;
}
.text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000000;
}

Did you know that IE 8 Loads faster than Firefox 3.05 and Chrome 1.0 on the top 25 popular web sites? Is the faster on 5 out of the top 10 sites; 12 of the top 25; 3 times as many as Firefox; and 1/3 more than Chrome, revealed Microsoft’s Rob Margel. The table included on the left, from the “Measuring Browser Performance: Understanding issues in benchmarking and performance analysis” study, contains all the results published by Microsoft.

Search engine optimization

some not in firefox but all works ok in IE.
______________________________________
WP ID

Maybe this has been answered elsewhere, but is there a code snippet that will detect and correct for known issues with cross browser compatibility? The modern furniture site I am working on renders differently in different browsers. I am using latest versions of browsers and it is a fairly straight forward design. Or would it be easier to write a different CSS for each browser type? The later seems way too laborious and seems to defeat the concept of CSS. Any ideas or suggestions are appreciated. Thanks!

you’re still using the pixel size for the font
in a movie site i completed this week i started using the em font size , i really suggest you to do the same

The opera, chrome, and safari hacks unfortunately work on all modern browsers Firefox 3.5, opera 10, chrome, and Safari 4