background-image display problems with IE

Hi!

I'm having difficulties getting some CSS to display properly in IE. Here's the code from my stylesheet:

#banner-custom {
	background-image: url("images/banners/head_f.jpg");
	background-repeat: no-repeat;
	border: 10px solid #000000;
	height: 230px;
	margin-bottom: 20px;
	width: 530px;
}

Code (markup):

This displays just fine in Opera. To wit:



But in IE it places the image twice, which is really annoying. Example:



And here's the actual page if anyone wants to look: http://www.bigracistfriday.com/ (I'd link but can't due to user restrictions.)

Does anyone know how to fix this? I've tried using "background: url(...)" instead of background-image, but no dice. At one point I was able to get IE to display it only once, but then it put an empty image frame over the banner (i.e. a little gray border and an image icon in the upper left). Can't remember how I changed the CSS for that, but it wasn't an acceptable fix.

Any help would be greatly appreciated.

 

First try adding a float:left; to #banner-custom, if that doesn't work. You can replace that div to an image, I don't see the need to use a background image.

 

Float:left didn't work, but changing to img did. Thanks!