Bootstrap IE7 Bug

by Lyndsy Simon

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.2/bootstrap.min.js"></script>
    <div class='container'>
        <div class='row'>
            <div class='span12'>12
                <div class='row-fluid'>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                </div>
            </div>
        </div>
        <div class='row'>
            <div class='span11'>11
                <div class='row-fluid'>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                </div>
            </div>
            <div class='span1'>1
                <div class='row-fluid'>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div class='span1'>1</div>
                    <div...

CSS

/* Easy visuals */
.row > div {
    padding-top:10px;
    background-color:black;
    text-align:center;
    color:white;
    margin-top:10px;
    height:60px;
}
.span1 {
    background-color:salmon;
}

/* Bootstrap */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{height:auto;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.hide-text{overflow:hidden;text-indent:100%;white-space:nowrap;}
.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body{margin:0;font-family:"Helvetica...