<p>I'd like to show a div that has a background-color with the height and width set to 100% but no content. Is it possible to do that without putting a &amp;nbsp; inside?</p>

<p>Edit: Thanks to Mark Biek for pointing out that empty div with width and height styles shows how I'd expect. My div is in a table cell, where it does not show.</p>

<pre><code>&lt;table style="width:100%"&gt;
&lt;tr&gt;
&lt;th&gt;Header&lt;/th&gt;
&lt;td&gt;&lt;div id="foo"&gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

This seems to work in Firefox, Safari, IE6, & IE7.
```
```
<html>
    <head>
        <style>
            #foo{
                background:  #ff0000;
                width:  100%;
                height:  100%;
                border:  2px dashed black;
            }
        </style>
    </head>
    <body onload="">
        <div id="foo"></div>
    </body>
</html>
```
```