IE와 Firefox에서 내 캘린더의 CSS가 잘못 표시되는 이유는 무엇입니까?

Question

나는 확실히 CSS의 초보자이며, 그것은 모든 종류의 두통을 일으키고있다. 나는 크롬에 놀라운 보이는 달력 블록 설정 한 다음 한 :

/* calendar */ 
    table.calendar  { border-left:1px solid #999; } 
    tr.calendar-row { } 
    td.calendar-day { min-height:200px; font-size:8px; position:relative; } * html div.calendar-  day { height:200px; } 

    td.calendar-day-np { background:#E8EDFF; min-height:200px; } * html div.calendar-day-np { height:200px; } 
    td.calendar-day-head { background:#E8EDFF; font-weight:bold; text-align:center; 
      width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; } 
    div.day-number { 
     background:#0099FF; 
     position:absolute; 
     z-index:2; 
     top:-0px; 
     right:-25px; 
     padding:5px; 
     color:#fff; 
     font-weight:bold; 
     width:20px; 
     text-align:center; 
     border-bottom:1px solid #999; 
     border-left:1px solid #999; 
    } 
    td.calendar-day, td.calendar-day-np { 
     width:150px; 
     max-width:150px; 
     max-height:75px; 
     white-space:nowrap; 
     overflow-x: hidden; 
     overflow-y: auto; 
     top:0px; 
     padding:0px 25px 5px 5px; 
     border-bottom:1px solid #999; 
     border-right:1px solid #999; 
    } 
    .ui-dialog-titlebar {display:none;} 
       td.calendar-day div.event, td.calendar-day-np div { 
        overflow-x:hidden; 
        overflow-y:auto; 
        width:200px; 
        max-width:200px; 
        max-height:75px; 
        white-space:nowrap; 
       } 

html로는 (PHP에 의해 생성 된)이 같은 것입니다 :

<tr class="calendar-row"><td class="calendar-day"><div style="position:relative;height:100px;"><div class="day-number">7</div><p>&nbsp;</p><p>&nbsp;</p></div></td> 
    <td class="calendar-day"><div style="position:relative;height:100px;"><div class="day-number">8</div><div class="event">14:00-PCR Taylorsville/Rehab</div><div class="event">17:00-PCR Taylorsville/Rehab</div></div></td> 
    <td class="calendar-day"><div style="position:relative;height:100px;"><div class="day-number">9</div><div class="event">13:00-PCR Taylorsville/Rehab</div><div class="event">14:00-PCR Taylorsville/Audiology</div><div class="event">15:00-PCR Taylorsville/Rehab</div><div class="event">15:30-PCR Taylorsville/Rehab</div><div class="event">16:15-Taylorsville Dermatology</div></div></td> 
    <td class="calendar-day"><div style="position:relative;height:100px;"><div class="day-number">10</div><div class="event">08:30-Redwood Clinic GI</div><div class="event">10:00-U of U Hospital HTSHTS</div><div class="event">13:00-PCR Taylorsville/Rehab</div><div class="event">15:20-PCR Taylorsville/Audiology</div><div class="event">16:00-PCR Taylorsville/Rehab</div><div class="event">18:20-Taylorsville Clinic, Instacare </div><div class="event">20:20-Taylorsville Clinic, Instacare </div></div></td> 
    <td class="calendar-day"><div style="position:relative;height:100px;"><div class="day-number">11</div><div class="event">13:30-Taylorsville Clinic, Instacare </div><div class="event">17:30-Taylorsville PT Adult</div></div></td> 
    <td class="calendar-day"><div style="position:relative;height:100px;"><div class="day-number">12</div><div class="event">09:45-Intermountain Heart Institute IMC</div><div class="event">13:00-PCR Taylorsville/Rehab</div><div class="event">15:00-PCR Taylorsville/Audiology</div><div class="event">16:30-PCR Taylorsville/Rehab</div><div class="event">17:30-Taylorsville Clinic Instacare</div><div class="event">18:50-Taylorsville Clinic Instacare</div></div>  </td> 
    <td class="calendar-day"><div style="position:relative;height:100px;"><div class="day-number">13</div><p>&nbsp;</p><p>&nbsp;</p></div></td> 

그러나, 파이어 폭스에서,이 두 가지 속성을 무시당하는 것 같다.

overflow-x: hidden; 
    overflow-y: auto; 

IE에서는 내 정보가 페이지 아래쪽으로 시작됩니다. 3 가지 브라우저 모두에서 동일한 결과를 얻으려면 어떻게해야합니까?