KypluVseMs
New Member
Is it possible to have a fixed header that shares its background with the \[code\]<body>\[/code\] ?\[code\]<html> <body> <header> <nav> <ul id="header-menu"> <li>..................</li> <li>..................</li> </ul> </nav> </header> </body></html>\[/code\]CSS:\[code\]html{ text-align:center;}body { background:url('../../content/img/bg.jpg'); -webkit-font-smoothing: subpixel-antialiased; color: #4d4d4d; width:960px; margin: 0 auto;}header { display: block; height: 165px; width: 960px; position: fixed; }\[/code\]Not having separate background set for header (as shown above ) in CSS doesn't make it fixed. If I do however set background in header separately it just looks awful with obvious border seen between body and header backgrounds.How can I set it so the header "inherits" its background from \[code\]<body>\[/code\] yet it's still a \[code\]fixed\[/code\] header at the top ?