Hallo Eva,
du definierst mit '#nav li.off:hover ul' eine Pseudoklasse für ein li-Element.
Generell ist das möglich aber unter
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm
kannst Du nachlesen, daß der IE so etwas nicht interpretiert (wie Deine Versuche ja bereits zeigten).
Die Aufgabenstellung ist aber sehr interessant, ich würde mal im Internet oder hier im Forum nach CSS-Menus suchen, möglicherweise gibt es Lösungen, die ähnlich funktionieren aber anders konstruiert sind.
Gruß
David