also mein firebug zeigt trotz max-height: 50px; die "richtige" Höhe von in diesem Fall etwas über 900px an.
Seltsam! Habs ausprobiert, bei mir steht in meinem Beispiel die max. Höhe als height in Firebug. Also nur das was man tatsächlich sieht. Sowohl im Layoutfenster als auch in den "computed" Werten.
Und selbst wenn da das richtige drin stehen würde, ich könnts mit JS nicht auslesen, das geht ja nur wenn man den Wert ausdrücklich mit CSS setzt.
Ich hab folgenden Schnipsel verwendet um das auszuprobieren.
<div style="width:300px;">
<ul id="myul" style="border:1px solid red; max-height:100px; overflow:scroll;">
<li>dfsdf</li>
<li>dfsdf</li>
<li>dfsdf</li>
<li>dfsdf</li>
<li>dfsdf</li>
<li>dfsdf</li>
<li>dfsdf</li>
<li>dfsdf</li>
<li>dfsdf</li>
</ul>
<input type="button" onclick="alert(document.getElementById('myul').style.height);" />
</div>