IE7 Weird Table Bug

<div id="operatingHours">
                    <h3>Operating Hours</h3>
                    
                    <table cellspacing="6">
                        <thead>
                            <tr>
                                <th class="borderLeft">&nbsp;</th>
                                <th><strong>S</strong></th>
                                <th><strong>M</strong></th>
                                <th><strong>T</strong></th>
                                <th><strong>W</strong></th>
                                <th><strong>T</strong></th>
                                <th><strong>F</strong></th>
                                <th class="borderRight"><strong>S</strong></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                            <td class="borderLeft">Breakfast</td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td class="borderRight"><div class="greenTick">Yes</div></td>
                            </tr>
                            <tr>
                                <td class="borderLeft">Lunch</td>
                                <td><div class="greenTick">Yes</div></td>
                                <td>&nbsp;</td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td class="borderRight">&nbsp;</td>
                            </tr>
                            <tr>
                                <td class="borderLeft">Dinner</td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td>&nbsp;</td>
                                <td class="borderRight">&nbsp;</td>
                            </tr>
                            <tr>
                                <td class="borderLeft">Late</td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td>&nbsp;</td>
                                <td><div class="greenTick">Yes</div></td>
                                <td><div class="greenTick">Yes</div></td>
                                <td>&nbsp;</td>
                                <td class="borderRight"><div class="greenTick">Yes</div></td>
                            </tr>
                        </tbody>
                    </table>
                    
                </div>
 
 
 
 
div#operatingHours {
        background-color: #EBEBEB;
        padding: 10px;
    }
    
        div#operatingHours table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0 6px;
            margin-top: 3px;
        }
        
        div#operatingHours tr {
            border: 1px solid #CCC;
            width: 100%;
        }
        
        div#operatingHours table thead, div#operatingHours table tbody tr {
            background-color: #FFF;
        }
        
        div#operatingHours table thead th {
            padding: 4px 0;
            text-align: center;
            border-top: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
        }
    
        div#operatingHours table tbody td {
            padding: 4px 7px;
            border-top: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
        }
    
    .borderLeft {
        border-left: 1px solid #CCC;
    }    
    
    .borderRight {
        border-right: 1px solid #CCC;
    }
        
    .greenTick {
        background-image: url(../images/restaurants/icon_greentick-greybg.png);
        background-repeat: none;
        background-position: center center;
        width: 14px;
        height: 12px;
        position: relative;
        text-indent: -4000px;
    }

                                  

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116: