Hello,

I have what I am sure is a common question here,

I am learning the ropes and I am stuck, my source renders fine in
Firefox but it does different stuff in IE6.

http://www.johnkehm.com/kona

I put borders around the areas in question.
I want it to look like it does in Firefox.

Any help will be a big relief.

Thank you,
John

here is the CSS that is killing me:

#rightCopy{
width: 345px;
height: 205px;
font-family: verdana, sans-serif;
color: #444;
float: left;
background: url(images/grinder.jpg) no-repeat 45px 0px;
border: 1px solid #ccc;
}

#rightCopy p{
margin-top: 0px;
padding: 0;
}

.homeFloatRight{
width: 180px;
margin: 0 0 15px 0;
padding-left: 15px;
float: right;
letter-spacing: -1px;
font-family: verdana, sans-serif;
font-size: 16px;
color: #0d5168;
background: url(images/star.gif) no-repeat 0 17%;
border: 1px solid #ccc;
}

.homeFloatRighta{
margin: 7px 0px 5px 0;
padding-left: 25px;
letter-spacing: -1px;
font-family: verdana, sans-serif;
font-size: 16px;
color: #c2184c;
font-weight: bold;
text-decoration: none;
background: url(images/link_arrow.gif) no-repeat 0 17%;
border: 1px solid #ccc;
}

#rightCopy a{
width: 155px;
float: right;
margin: 17px 0 0 0;
border: 1px solid #ccc;
}

}
.clear{
clear:both;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to