CSS Guru Needed

[havnblast]

Ok I decided to change my site around and doing a wordpress setup. I downloaded it, set it up and got it working. I downloaded a theme I liked and than custom edited it. I did this in linux and tested the site out in Firefox, Konqueror, Oprah. Than I tested it in windows Firefox 1.0.7 and 2.0 RC 3 and all display the same. I fire up IE 6.0 on a SP2 WinXP Pro puter and it's not displaying it properly. Colors are wrong and what not. Site I am referring too:http://kjsservices.comWhat in the world is the deal with IE, besides it sucks at css rendering. Is there a hack or something that needs to be applied? Any help would be appreciated as I'm lost here on what to do with IEHere is the css:

/*Theme Name: Journalized WinterTheme URI: http://zed1.com/journalized/Description: Winter theme from Mike Little's JournalizedVersion: 1.00 Released 23 Mar 2005Author: Mike LittleAuthor URI: http://zed1.com/journalized/Credit for the original concept and core of the layout comescourtesy of Rob Chandanais via: http://bluerobot.com/web/layouts/layout3.html*/body {	color: #000000;	background: #ADAEB0;	margin: 20px;	padding: 0px;	font: 11px verdana, arial, helvetica, sans-serif;}h1 {	font-weight: bold;	font-size: 150%;	color: #000000;	text-align: center;}img {	border-style: none;}.images {	padding: 2px;	background: transparent;	border: none;}h2 {	margin: 12px 210px 20px 190px;	padding: 2px 10px 2px 10px;	font-size: 16px;	color: #eeeeee;	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */	width: auto;	min-width: 120px;background-image: url('http://www.kjsservices.com/graphics/thead_bg.gif');background-repeat: repeat;#	background: #5f7797;	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */	border: 2px solid #000000;	}h3 {	font: bold 14px/16px verdana, arial, helvetica, sans-serif;	margin: 0px 0px 5px 0px;	padding: 0px;}h4 {	font-size: 105%;	border: 2px solid #354463;	margin: 0px 0px 10px 0px;	color: #e9f2fc;background-image: url('http://www.kjsservices.com/graphics/thead_bg.gif');background-repeat: repeat;#	background: #5f7797;	padding: 2px 10px 2px 10px;}abbr {	cursor: help;}.storyTitle {	font: bold 14px/16px verdana, arial, helvetica, sans-serif;	margin: 0px 0px 5px 0px;	padding: 0px;}.storyCategory {	font-weight: 400;	margin: 0px 0px 5px 0px;	padding: 0px;}.storyAuthor {	font-weight: 600;	margin: 0px 0px 5px 0px;	padding: 0px;}p {	font: 11px/13px verdana, arial, helvetica, sans-serif;	margin: 0px 0px 0px 0px;	padding: 2px;}#headerMessage {	font: 9px verdana, arial, helvetica, sans-serif;	margin: 0px 0px 0px 0px;	padding: 2px;}pre {	font: 10px/11px fixed;}a {	color: #000000;	font-size: 11px;	font-family: verdana, arial, helvetica, sans-serif;	text-decoration: none;	background : transparent;	}a:link	{ color: #000000; text-decoration: underline; }a:visited { color: #000000; text-decoration: underline; }a:hover   { color: #9A1616; text-decoration: underline; }#headerblock {	text-align: center;	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */	width: auto;	min-width: 120px;	margin: 0px 210px 20px 190px;	border: 2px solid #000000;	 color: #89001C;background-image: url('http://www.kjsservices.com/graphics/tile_tech.gif');background-repeat: repeat;#	background: #89001C;	padding: 10px;	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */	font-size: 16px;	font-weight: 600;}#headerblock a:link { color: #000000; }#headerblock a:visited { color: #000000; }#headerblock a:hover { background: #ffffff; }#header a:link, #header a:visited {	font-size: 120%;	font-weight: 600;	color: #000000;}.commentHeader {	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */	width: auto;	margin: 10px 10px 10px 10px;	border: 1px solid #000000;	background: #cccccc;	color: #000000;	padding: 10px;	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */	font-size: 16px;	font-weight: 600;}/* All the content boxes belong to the content class. */.centreblock, .navigation {	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */	width: auto;	min-width: 120px;	margin: 0px 210px 20px 190px;	border: 1px solid #000000;	color: #333333;	background: #DCDCDC;	padding: 10px;	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */}.centreblock>p {margin: 0px;}.centreblock>p+p {text-indent: 30px;}.meta ul {  display: inline;}.meta li  {	display: inline;	list-style-type: none;}.centreblock ul, .leftsideSection ul, .rightsideSection ul {	list-style-type: none;	margin: 0;	padding-left: 3px;}.centreblock ul li {}.storyContent ul li {	list-style-type: disc;	margin-left: 10px;	padding-left: 5px;}.centreblock h4 {	border: 1px solid #000;	margin: 14px 0px 2px 0px;}.storyContent {	color: #333333;	background: #DCDCDC;}.storyCommentContent {	color: #000000;	background: #cccccc;	width: auto;	margin: 10px 10px 10px 10px;	border: 1px solid #000000;	padding: 10px;}blockquote {	margin: 0.5em;	color: #333333;	padding: 4px;	/*border: 1px solid #000000;*/	background: #DCDCDC;}q {	color: #333333;	background: #DCDCDC;}#leftside {	position: absolute;	width: 168px;	top: 20px;	left: 20px;/*	border: 1px solid #000000;	color: #000000;	background: #DCDCDC;*/	z-index: 1;	voice-family: "\"}\"";	voice-family: inherit;}body>#leftside {width: 168px;}#leftside a:link { color: #000000; }#leftside a:visited { color: #000000; }#leftside a:hover { background: #ffffff; }.leftsideSection {	border: 1px solid #000000;	color: #000000;	background: #DCDCDC;	padding: 4px;	margin: 0px 0px 10px 0px;}#rightside {	position: absolute;	width: 190px;	top: 20px;	right: 20px;/*	padding: 10px;	border: 1px solid #000000;	color: #000000;	background: #DCDCDC;*/	z-index: 1;	voice-family: "\"}\"";	voice-family: inherit;}body>#rightside {width: 188px;}#rightside a:link { color: #000000; }#rightside a:visited { color: #000000; }#rightside a:hover { background: #ffffff; }.rightsideSection {	border: 1px solid #000000;	color: #000000;	background: #DCDCDC;	padding: 4px;	margin: 0px 0px 10px 0px;}#chaff {	text-align: right;}#chaff a {   color: #000000;   font-size: 2px;}#chaff a:link { color: #000000; }#chaff a:visited { color: #000000; }#chaff a:hover { background: #ffffff; }.storyLinks {	text-align: right;	margin: 4px;}.centerP {	text-align: center;}#contentcomments input, #centreblock input, #menu input {	margin: 1px;	padding: 1px 1px 4px 1px;	border: 1px solid #000000;	font: 11px/14px verdana, arial, helvetica, sans-serif;	background: #ffffff;}#contentcomments textarea, #centreblock textarea, #menu textarea {	margin: 1px;	padding: 1px;	border: 1px solid #000000;	background: #ffffff;	font: 11px/14px verdana, arial, helvetica, sans-serif;}.commentfield {	margin-bottom: 4px;}.b2calendartable {	background: #DCDCDC;	border: 1px solid #000000;}.b2calendarmonth {	font: 9px verdana, arial, helvetica, sans-serif;}.b2calendarrow {}.b2calendarheadercell {	background: #DCDCDC;	color: #e9f2fc;	font: 9px verdana, arial, helvetica, sans-serif;}.b2calendarcell {	color: #333333;	font: 9px verdana, arial, helvetica, sans-serif;}.b2calendartoday {	color: #ff0000;}.b2calendaremptycell {}.b2calendarlinkpost {	color: #DCDCDC;	text-decoration: none;}.blogrollmain {	margin-bottom: 4px;}div.NOCSS {display: none;}.buttonarea {	background: #cccccc;}span.searchword {	background-color: yellow;}

[Peachy]

Kelly, In your h2 and h4 selectors, replace the background-image and background-repeat properties with the shorthand for background like so:

background: #5f7797 url('thead_bg.gif') repeat;

[havnblast]

Thanks Peachy, all fixed!I figured you would be able to figure it out.

[Peachy]

Yer welcome!