Hi all,
I’ve just built a website for a cat breeder called 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
Oh what the hey, I’ll just add the code for all to see below.
/* 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.