I am developing a site that displays fine in Firefox but not in IE. I am new
to CSS and I could use some insight as to what my problem might be. The link
and the style sheet are below. Thanks!
http://www.buickpartspage.com/
/* CSS Document */
body {
background:url(images/header_px.jpg) left top repeat-x #F3F3EB;
color:#A39F90;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
a {
color:#A37D21;
text-decoration:underline;
}
a:hover {
color:#A37D21;
text-decoration:none
}
..pagetitle {
padding:14px 0px 15px 25px;
margin:0px 0px 0px 0px;
}
p {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
html {
font-size:11px;
font-family:tahoma, arial;
}
..normal {
font-size:1.01em;
font-family:tahoma, arial;
}
..big {
font-size:1.31em;
font-family:tahoma, arial;
}
..small {
font-size:0.91em;
font-family:tahoma, arial;
}
h1 {
font-family:arial, tahoma, times new roman;
color:#FF;
font-size:3.01em;
font-weight:normal;
line-height:1.01em;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
h2 {
color:#A37D21;
font-size:1.01em;
text-transform:uppercase;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
h3 {
color:#A37D21;
font-size:1.01em;
text-transform:uppercase;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
..content_txt h2 a {
color:#A37D21;
text-decoration:none;
}
..content_txt h2 a:hover {
color:#A37D21;
text-decoration:none;
}
..h2 {
font-size:1.01em;
line-height:1.01em;
color:#303030;
text-transform:none;
padding:0px 0px 0px 15px;
margin:0px 0px 0px 0px;
}
..header {
width:766px;
height:249px;
vertical-align:top;
background:url(images/header.jpg) left bottom no-repeat;
}
..table1 {
width:766px;
display:table;
}
..table_row1 {
width:766px;
height:100%;
display:table-row;
}
..left1 {
width:388px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}
..co_name {
vertical-align:top;
padding:15px 10px 15px 10px;
}
..co_name a {
color:#FF;
text-decoration:none;
}
..co_name a:hover {
color:#FF;
text-decoration:none;
}
..slogan {
vertical-align:top;
padding:0px 0px 0px 2px;
color:#BEBEBE;
}
..right1 {
width:378px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}
#topnav {
vertical-align:top;
padding:30px 10px 15px 10px;
}
#topnav a {
color:#FF;
text-decoration:none;
}
#topnav a:hover {
color:#FF;
text-decoration:underline;
}
..cent #search {
vertical-align:top;
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#A37D21;
}
..cent #search strong {
color:#A37D21;
text-transform:uppercase;
}
..cent #search input {
font-size:11px;
color:#303030;
font-family:Tahoma, arial, verdana, courier;
width:144px;
height:17px;
border:inset 1px #D4D0C8;
padding:0px 0px 0px 0px;
margin:0px 7px 0px 9px;
vertical-align:middle;
}
..cent #search .input {
width:55px;
height:17px;
border:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:middle;
}
..table {
width:766px;
display:table;
}
..table_row {
width:766px;
height:100%;
display:table-row;
}
..left {
width:192px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}
..cent {
width:375px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}
..right {
width:199px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}
..head_bg {
background:url(images/head_bg.jpg) left top repeat-y #E7E3D5;
vertical-align:top;
width:375px;
}
..table2 {
width:375px;
display:table;
}
..table_row2 {
width:375px;
height:100%;
display:table-row;
}
..left2 {
width:252px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
background:url(images/head.jpg) left top no-repeat;
}
..right2 {
width:123px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
background:url(images/date.jpg) left top no-repeat;
}
..head {
padding:14px 5px 15px 50px;
color:#454545;
