<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"> <title>Testcase</title> <meta http-equiv="content-type" content="text/html;encoding=utf8"> <meta name="author" content="Martin Brandenburg"> <meta name="copyright" content="Copyright (c) 2007 Martin Brandenburg"> <meta name="license" content="Public Domain"> <style type="text/css"> div#header { background: #ff0000 url("nav_top.png") repeat-x; /* An image will work just fine... I am aware that these are ugly colors. */ min-height: 50px; } div#nav { background: #00ff00 url("header.png") no-repeat; /* An image will work just fine... I am aware that these are ugly colors. */ min-height: 100px; position: relative; top: -25px; } </style> <!--[if IE]> <style type="text/css"> div#header { height: 50px; } div#nav { height: 100px; } </style> <![endif]--> <h1>Testcase</h1> <div id="header"> The header. </div> <div id="nav"> Navigation. </div> <p>Copyright (c) 2007 Martin Brandenburg. Source licensed under the public domain.