#flag {
width: 199px;
border: 1px solid #ddd;
margin: 0 auto;
position: relative;
float: left;
font-family: “Lucida Sans Regular”;
margin: 0px 10px 0px 0px; }
.blue {
width: auto !important;
width: 90px; /* IE6 doesn’t like our auto width. */
background-color: #00348c;
color: #fff;
text-align: center;
padding: 1px 0 2px 4px !important;
padding: 1px 0 2px 0; /* Font sizing issues in IE6 make padding a problem. */
position: absolute;
top: 0;
left: 0; }
.blue p {
letter-spacing: 6px;
height: 7px;
font-size: 10px;
line-height: 7px;
margin: 0; }
p.stripe {
height: 9px;
font-weight: bold;
text-align: right;
padding: 0 1px;
margin: 0;
font-size: 8px; }
.red {
color: #f70029;
background-color: #f70029; }
.red::-moz-selection {
color: #fff;
background-color: #f70029; }
.red::selection {
color: #fff;
background-color: #f70029; }
.white {
color: #fff;
background-color: #fff; }
.white::-moz-selection {
color: #000;
background-color: #fff; }
.white::selection {
color: #000;
background-color: #fff; }

Rob Glazebrook, at CSSnewbie, has a great article about how to make an American Flag out of XHTML & CSS.

I really like it!  I wonder how long it will be before people start making other flags?

To the left is a miniature version.