No replies
cogitatio
Offline
newbie
Last seen: 18 years 6 weeks ago
Timezone: GMT+2
Joined: 2004-10-22
Posts: 1
Points: 0

Hi!

I have a problem with the alignment of an image in a DIV with the assigned background-image. Works like a charm in Firefox, but has an offset in IE. Any clues on how to sove that?

HTML: in a table cell with ID="rightcol"

<div class="header">Farben</div>
<div class="info">
<div class="clr"><img src="img/clr_black.gif" width="32" height="21" alt="" border=0>schwarz</div>
<div class="clr"><img src="img/clr_black.gif" width="32" height="21" alt="" border=0>weiß</div>
<div class="clr"><img src="img/clr_yell.gif" width="32" height="21" alt="" border=0>gelb</div>
</div>

CSS:

#rightcol .clr {
	padding:0;
	margin: 0 -5px 5px 15px;
	background-image: url("/produkte/caps/img/bg_color.gif");
	height: 21px;
	background-position: 0 0px;
}
#rightcol .clr IMG {
	vertical-align: middle;
	border: 0.1 solid red;
	padding: 0;
	margin: 0px 0 0 0;
}