CSS problems with IE 6 & 7

[Bono1]

I setup design for joomla 1.5 and in firefox design looks good. I guess that is good thing, but in IE 6, 7 and Opera 9 is broken on almost identical places. Bellow i have posted things that could be broken so i would appreciate if someone could help me. I guess it would just needed to be fixed for one browser and it would look fine in rest of them. Thanks

.componentheading, .contentheading, .componentheading:link, .componentheading:active, .componentheading:visited, .contentheading:link, .contentheading:active, .contentheading:visited {
color: #1b657e;
font-size:150%;
font-family: Arial, Helvetica, sans-serif;
line-height: 2em;
font-weight: bold;
letter-spacing: 0.08em;
float: left;
background: url(../images/clanak01b.gif) -2px -2px no-repeat;
padding-top:12px;
padding-bottom:6px;
padding-left:22px;
padding-right:179px;
margin-top: -1.5px;
margin-left: -16px;
margin-right: 61px;
}
.contentpaneopen{
background-image: url(../images/clanak02.gif) ;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 16px 0px 16px;
background-color: White;
}
.small{
color: #1b657e;
padding: 0px 6px 10px 7px;
font-size:80%;
font-family: Arial, Helvetica, sans-serif;
}.smalldark{
}
.createdate{
color: #1b657e;
padding: 0px 8px 10px 7px;
font-size:80%;
font-family: Arial, Helvetica, sans-serif;
float: right;
margin-top: -16px;
}
.modifydate{
float: left;
background: url(../images/clanak04.gif) -2px 2px no-repeat;
padding-top:0px;
padding-bottom:50px;
padding-left:246px;
padding-right:200px;
margin-top: -10px;
margin-bottom: -40px;
margin-left: -16px;
margin-right: -28px;
color: White;
font-size: 0%;
} 

[edited by: Bono1 at 1:16 am (utc) on April 13, 2008]

[swa66]

Since we don't have the html to go along, nor know what you intend to have you'll have to describe the problem in more detail.

Opera: fix those issues first, don't consider IE yet.

IE: fix them once it displays properly in all others by using conditional comments.