| Week | Mon | Tue | Wed | Thu | Fri | Sat | Sun |
| 05 | 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 06 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 07 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 08 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| Week | Mon | Tue | Wed | Thu | Fri | Sat | Sun |
| 05 | 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 06 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 07 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 08 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
clear: bothis ignored in the
<br>
float: leftfrom the subMenu
<a>seems to be inherited by the
<h1>in the
div#heading
div#subMenu > a
{
text-align: center;
display: block;
float: left;
background-color: green;
color: white;
text-decoration: none;
margin-right: -1px;
border: 1px solid black;
border-top: 0px solid black;
padding: 5px 10px 5px 10px;
-moz-border-radius: 0px 0px 15px 15px;
}
div#heading
{
margin-bottom: 10px;
background: url(/grafik/constructhr.gif) bottom center no-repeat;
text-align: center;
height: 4em;
}
and the relevant piece of xhtml code:
<div id="subMenu"> <a href="/index/OperaBug/index">item 1</a> <a href="/index/OperaBug/index">item 2</a> <a href="/index/OperaBug/index">item 3</a> <a href="/index/OperaBug/index">item 4</a> <a href="/index/OperaBug/index">item 5</a> <a href="/index/OperaBug/index">item 6</a> <br style="clear: both;"/> <!-- seemingly ignored --> </div> <div id="heading"> <h1>Opera-Bug</h1> </div>