Hallo im just new to css and im trying to create a easy template but im already stuck at my header I designed my template in fireworks and sliced the header so i wanted to do the header as background on my template but in dreamweaver it only show like 10 px of the header and when I try to view it in browser it only show my background color and not even a thing of my header this my code CSS code /* Template. */ *{margin: 0; padding:0 ;} .clear {clear:both} body { font-family:verdana, geneva, sans-serif ; font-size: 14px ; color: #333333 ; background-color: #232627; } #header { width: 804 ; height: 156 ; background: url(images/header-background.jpg) ; } My index page code <!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="header"> </div> </body> </html>
'px' is missing in your height and width of #header. try this css #header { width: 804px; height: 156px; background: url(images/header-background.jpg) ; }