Saludos.
Bueno, mas bien es un milagro que se vea bien en los otros navegadores, dado que tu código tiene un poco de "cosas" que estan mal hechas. por ejm:
Código HTML:
<td colspan="3"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
dentro de tu tabla en un td, estas metiendo otra tabla con todo y su doctype...
Código HTML:
<link href="css/dropdown/dropdown.css" media="all" rel="stylesheet" type="text/css" />
<link href="css/dropdown/themes/default/default.css" media="all" rel="stylesheet" type="text/css" />
estan dentro del body y deben ir al principio entre <head> y </head> no importa que sean para usar en otra tabla dentro de tu tabla.
Código HTML:
</ul>
<li class="dir"><a href="./">Senior School</a>
<ul>
tienes elementos <li> fuera de las etiquetas <ul>
y ahi otro poco de "cosillas", tienes que limpiar tu código primero para tratar de que sea compatible con todos los navegadores. Muchos de tus div no estan cerrando correctamente, debido a los problemas ya mencionados, porque si por ejm, cierro un div antes de un <td> que estaba de primero, ya de ahi para abajo va a dar un monton de problemas porque no se cerro bien ese <div>.
Te recomiendo buscarte un validador de código para que veas por donde empezar.
suerte.