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.