Div beachtet die Prozent-Angaben des stylesheets nicht

class ist veraltet, benutze lieber id.

hm, ich kann nur vermuten, aber kann es sein, dass der IE eventuell die angaben anders interpretieren würde, wenn du die Angaben anders setzt?

Hab bei mir

width: ...;
height:...;

overflow: auto;

position: absolute;
left: 15px;
top: 174px;

und klappt prima

wenn du nur den Ausschnitt getestet hast, dann zeig doch mal das ganze Script, am besten wohl als link.

Der IE weiß offensichtlich nicht, von welchem Wert er 60 % nehmen soll.
Gib deshalb mal noch das in den body:

width:100%;
         height:100%;

Übrigens: .karte kannst du so vereinfachen:

.karte
{
background-image: url(images/background4.gif);
 padding: 5px;
 margin: 30px 20px;
  font-size: 14px;
  position:absolute;
  top:80px;
  left:200px;
  width:75%;
  height:60%;
  z-index:0;
  overflow:auto;}

Wenn padding überall gleich ist, reicht einmal der Wert.
Ansonsten gilt die Reihenfolge im Uhrzeigersinn: oben, rechts, unten, links:
margin: 30px 20px 30px 20px;
Stimmen die gegenüberliegenden Werte überein reicht margin: 30px 20px;

Ich kann da bei mir keinen Unterschied erkennen.
Dann nimm die Werte beim body wieder raus und definiere sie lediglich für den IE per conditional comment:

Füge dann das noch in die CSS:

* html body {width:100%; height: 100%;}

edit:
könnte aber auch am position absolute liegen. Das brauchst du eigentlich überhaupt nicht. Erhöhe stattdessen einfach den margin-top-Wert.

das Conditional sollte eigentlich nur wie gesagt vom IE erkannt werden, die anderen Browser können halt nix direkt damit anfangen, ja kannste eigentlich in die Seite so reintun.

Aber mal was anderes, willst du nicht vielleicht die Seite doch etwas überarbeiten, designmäßig? du hast zwar mit JS wohl einiges geleistet , aber wenn du es deaktiviert hast, ... naja , die Aussage "für volle Funktionalität" ist schon leicht untertrieben, das gesamte Design ist ja zerschossen...

letztendlich absolute sicherheit auf allen auflösungen wirst du sowieso nie zu 100% erreichen, zumindest nicht mit der Methode, was bringt es dir wenn der Browser alle Auflösungen, aber nur unter der Bedingung von JS erkennt?
Daher baue lieber das Design wenn möglich auf 800x600 und nur Farbverläufe und nicht unbedingt zu fixierende Sachen in Div-Container .

Da der IE mit CSS die meisten Mucken macht, kann man speziell Angaben definieren, die nur er lesen kann.
Wenn du * html vor den betreffenden Selektor stellst (hier: * html body) dann kann damit nur der IE<7 was mit anfangen. Gib einfach mal ne andere background-color da ein. Im FF bleibt die vom regulären body, im IE erscheint die unter * html body definierte. Meist benutzt man das für abweichende padding und margin Werte.

Das mit dem hover kann ich nicht nachvollziehen. Da wäre ein Link mal hilfreich.
Du hast das aber auch falsch definiert.
Statt

.menulink:hover {
  color:#FFFFFF;}

nimm

a.menulink:hover {
  color:#FFFFFF;}

Ebenso entsprechend bei allen anderen.

Ja, body hast du ja bereits.

Bei mir wird im IE6 und FF2 der Hover-Effekt angezeigt.

Zitat von K.Y.L.T.

class ist veraltet, benutze lieber id.

Auch wenn es jetzt vom Thema ablenkt....

Zitat

So wie Sie Formate für Klassen definieren können, die in HTML mit dem Universalattribut class angesprochen werden, können Sie auch Formate definieren, die über das Universalattribut id angesprochen werden. Da die Wertzuweisung an ein solches Attribut ein dokumentweit eindeutiger Name sein sollte, handelt es sich also einfach um eine zentrale Formatdefinition für das eine Element mit diesem id-Namen. In CSS werden die id-Namen allerdings nicht nur wie beispielsweise in JavaScript als dokumentweit eindeutige Bezeichner betrachtet, sondern auch als elementtypweit eindeutige Bezeichner.

Quelle: selfhtml

Eine id wird dann anstelle einer class benutzt wenn die Formatierung auf einer Seite nur einmalig verwendet wird. Deshalb wird eine id vor allem bei Div-Containern verwendet, da diese Container oft einmalige und große Bereich bezeichnen. Beispiele: Content, Navi, Header, Footer