Rowspan not using top row

http://stackoverflow.com/questions/19736096/rowspan-not-using-top-row

by P THE AWESOME

HTML

<script src="http://fonts.googleapis.com/css?family=Lato:400,400italic,700,300italic,300,700italic,900"></script>
<table id="weatherForecast">
    <tr class="weatherForecast-row-outer">
        <td></td>
    </tr>
    <tr id="weatherForecast-row">
        <td id="weatherForecast-2013-11-01T06:00:00-05:00" class="weatherForecast-day  weatherForecast-day-today" rowspan="2">
            	<h5>TODAY</h5>

            	<h4> FRI</h4>

            	<h6>NOV 1</h6>

            <div class="weatherForecast-pic_temps_table">
                <div class="weatherForecast-pic_temps_table-row">
                    <div class="weatherForecast-pic_temps_table-row-cell weatherForecast-pic_temps_table-row-cell_pic">
                        <img src="http://www.nws.noaa.gov/weather/images/fcicons/skc.jpg" />
                    </div>
                    <div class="weatherForecast-pic_temps_table-row-cell weatherForecast-pic_temps_table-row-cell_temps">
                        <div class="weatherForecast-temps_table-title">TEMPERATURE</div>
                        <div class="weatherForecast-temps_table">
                            <div class="weatherForecast-temps_table-row weatherForecast-temps_table-row_high">
                                <div class="weatherForecast-temps_table-row-cell weatherForecast-temps_table-row-cell_attrtitle weatherForecast-temps_table-row-cell_attrtitle-high">	<span class="weather-Forecast-day-attr_title weather-Forecast-day-attr_title-temp weather-Forecast-day-attr_title-temp_high">High:</span> 
                                </div>
                                <div class="weatherForecast-temps_table-row-cell weatherForecast-temps_table-row-cell_temp weatherForecast-temps_table-row-cell_temp-high">78&degF</div>
                            </div>
                            <div class="weatherForecast-temps_table-row weatherForecast-temps_table-row_low">
                                <div class="weatherForecast-temps_table-row-cell...

CSS

table#weatherForecast {
    margin: 10px auto;
    padding: 0px;
    width: 87%;
}
table#weatherForecast tr#weatherForecast-row {
    height: 100%;
    padding: 0px;
    margin: 0px;
}
table#weatherForecast tr#weatherForecast-row td.weatherForecast-day {
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    border-top: 1px solid #FFDC8C;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 14.285714285714285714285714285714%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    vertical-align: top;
}
table#weatherForecast tr#weatherForecast-row td.weatherForecast-day h5 {
    display: none;
}
table#weatherForecast tr#weatherForecast-row td.weatherForecast-day:last-child {
    border-right: 1px solid #ccc;
}
table#weatherForecast tr#weatherForecast-row td.weatherForecast-day h4 {
    margin: 0px;
    padding: 1px;
    text-align: center;
    border-bottom: 1px solid #FFDC8C;
}
table#weatherForecast tr#weatherForecast-row td.weatherForecast-day h6 {
    margin: 0px;
    padding: 1px;
    text-align: center;
    border-bottom: 1px solid #F9E3AE;
}
table#weatherForecast tr#weatherForecast-row td.weatherForecast-day span.weather-Forecast-day-attr_title {
    font-size: 11pt;
    font-weight: 300;
}
table#weatherForecast tr#weatherForecast-row td.weatherForecast-day div.weatherForecast-pic_temps_table {
    display: table;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
table#weatherForecast tr#weatherForecast-row td.weatherForecast-day div.weatherForecast-pic_temps_table div.weatherForecast-pic_temps_table-row {
    display: table-row;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
table#weatherForecast tr#weatherForecast-row td.weatherForecast-day div.weatherForecast-pic_temps_table div.weatherForecast-pic_temps_table-row div.weatherForecast-pic_temps_table-row-cell {
    display: table-cell;
    margin: 0px;
    padding: 5px;
    text-align: center;
   ...

JavaScript

// Notice how the "today" column only rowspans to the row below. It is supposed to span the top and bottom.
// The row on top is there because if you remove it, 20px from the top will be removed.

// Table: table#weatherForecast
// Top & bottom rows (for the rowspan): tr.weatherForecast-row-outer
// The main row: tr.weatherForecast-row
// The "Today" column: td.weatherForecast-day-today
// All columns: td.weatherForecast-day