# CSS Issues, making it Firefox Compatible

**URL:** <https://forum.kirupa.com/t/css-issues-making-it-firefox-compatible/70555>\
**Category:** Uncategorized\
**Created:** [November 15, 2004, 9:51am UTC](https://forum.kirupa.com/t/css-issues-making-it-firefox-compatible/70555 "2004-11-15T09:51:18Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![as\_clark20](https://avatars.discourse-cdn.com/v4/letter/a/5f8ce5/32.png) [@as\_clark20](https://forum.kirupa.com/u/as_clark20)\
**Post date:** [November 15, 2004, 9:51am UTC](https://forum.kirupa.com/t/css-issues-making-it-firefox-compatible/70555/1 "2004-11-15T09:51:18Z")

</div>

Hi all,

I’ve just built a website for a cat breeder called [http://www.mcpolys.com](http://www.mcpolys.com) which looks great in IE but I’m afraid Firefox doesn’t want to play.

Can anyone tell me where I’m going wrong, and what, if anything, I’ve missed out. The path to the CSS file is: [http://www.mcpolys.com/styles/mcpolys.css](http://www.mcpolys.com/styles/mcpolys.css)

Oh what the hey, I’ll just add the code for all to see below.

```auto

/* ie5 win - grrr - start */
body { 
	font: 11px/14px Arial, Helvetica, sans-serif;
  	margin: 0px; 
	padding: 0px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small; }
/* ie5 win - grrr - end */
 
/* opera - grrr - start */
html>body {
	font-size: small;
	}
/* opera - grrr - end */

body {  
	margin: 0px;
	background-image: url(../graphics/bkgrnd.gif);
	background-repeat: repeat-y;
	background-color: #CFC4D2;
	font-family: Verdana;
	font-size: 11px;
	line-height: 16px;
	color: #666666
}

a {
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}
	
a:link {
	color: #6633CC
}

a:visited { 
	color: #6F507C;
}
 
a:hover { 
	color: #000000;
; text-decoration: underline
} 

p {
	padding: 0px
}

h1 { 
	font-family: Arial;
	font-size: 24px;
	color: #663399;
	text-decoration: none;
	font-weight: normal
; line-height: 120%
; text-align: left
}

hr { 
	color: #999999;
	height: 1px;
	border-top: 1px dotted #666666
}
	
.smalltext {
	font-size: 9px;
	line-height: 12px 
}

/* major divs */
#container {
	height: 100%;
	width: 760px
}

#contentHeader { 
	height: 150px;
	width: 100%;
	background-color: #ffffff
}

#contentLeft {
	width: 100px;
	float: left;
	margin-right: 20px;
	text-align: center
}

#contentMain {
	width: 460px;
	float: left;
	margin-right: 10px;
	text-align: justify
}

#contentRight {
	width: 160px;
	float: right
}

#spacer {
	width: 100%;
	height: 10px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF
}
.warning { color: #CC0000}
.bold { font-weight: bold; color: #333333}
ul { color: #6633CC}
ol { color: #333333; font-weight: bold}
#analysis { background-color: #6633CC; height: 15px; width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: lighter; color: #000000; padding-left: 5px; margin-bottom: 5px}
blockquote { font-style: italic; font-weight: bold; color: #333333}
.quote { font-style: italic; font-weight: bold; color: #333333}
h2 { font-family: Arial; font-size: 14px; color: #000000; text-decoration: none; font-weight: bolder; line-height: 120% ; text-transform: uppercase}

```

Thanks to anyone who can help.