Let's Make It Do Something

First, we'll monkey with the structure a bit. Take out the input field and the button, and substitute this:
```
<div id="searchMe">
  <input />
  <button>Go!</button>
  <dl></dl>
</div>
```
The dl is a definition list; our search results are going to live there in a few minutes.

Next, let's re-rig the CSS. Pull the line that turns the screen yellow and add this:

#searchMe { border: 1px solid black; margin:10px; padding:10px;}
#searchMe dl, #searchMe dl dd, #searchMe dl dt { margin:0; padding:0; }

Structure is important in CSS too. Here we're listing the items we want to style (division searchMe and its child element dl) in alphabetical order, and listing each attribute-value pair inside each selector in alphabetical order.
If you do this consistantly throughout your CSS, and resist the temptation to load multiple CSS files, you will be much happier when it comes time to debug things.