Background Image Error using Forms

**bustya** · 01-06-2009, 09:03 AM

Can someone tell me what happened to the area around the 'Buy Now' button on this page:

http://www.preflopbot.com/purchase.php

It appears that it copied the background image from the top right hand corner.

Thanks,

Jason

**bustya** · 09:36 AM

Here is the CSS code:

#content #sjt div {
margin:1px;
padding:1em 1em 0.2em 1em;
padding-right: 0px;
background:#EBF6FF url(sjt-div-bg.gif) no-repeat right -4px;

**chrishirst** · 01-06-2009, 07:42 PM

fix the "broken" HTML first

HTML Code:

<html>
<!-- http://www.preflopbot.com/ -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

**bustya** · 01-06-2009, 08:43 PM

Ty, broken html tag fixed... however the problem is still there.

**chrishirst** · 01-07-2009, 03:54 AM

you need to get rid of the comment before the DTD as well, it "breaks" the DTD in IE.

split up the background shorthand definition into separate rules.