Question

http://codejanitor.us/nightclub2/

Why are my hello’s not:

1. expanding the div containing them
2. staying inside the div?

Answer 1

Follow instructions

Change your markup to this

<div id="header">
    <div style="float: left;">
        hello<br>
        hello<br>
        hello<br>
        hello<br>
    </div>
    <!-- add clear:both-->
    <div style="clear: both;">
    </div>
</div>

Change your css:

#header {
    background-image: url("images/header.gif");
    background-repeat: repeat-y;
    width: 873px; /* remove width */
    padding: 0px 50px; /* add padding to header */
}