Die Lösung

[Yeti]

Hi,
juchu! Endlich hab ich's!
Der Code hat mich zwar einige Gehirnwindungen gekostet, aber es läuft!

Leider wird das Feld nicht halb verschluckt sondern nur komplett, aber das ist Kosmetik.

Danke, Cheatah!

Falls jemand daran auch verzweifelt...
CSS-Datei:
"select  { visibility: expression(hideSelect(this)); }"
HTML/JS-Datei:
"  function hideSelect(dies)
  {
   var offset = dies.offsetHeight;
   var elem = dies;
   while (elem.parentElement && elem.parentElement.tagName != "BODY")
   {
    elem = elem.parentElement;
    offset += elem.offsetTop;
   }
   var obererRand = offset-83;  // 83 = Höhe des oberen DIVs + Höhe des SELECT-Feldes
   var untererRand = offset-document.body.offsetHeight+31; // 31 = Höhe des unteren DIVs
   if (document.body.scrollTop > obererRand || document.body.scrollTop < untererRand)
    return "hidden";
   else
    return "visible";
  }
"

Leider hab ich es noch nicht geschafft, die Größen (83 und 31 Pixel) dynamisch zu erfassen, aber da es bei mir egal ist und ich mal langsam voran kommen muss mit dem Projekt, lass ich es jetzt so.

Der Yeti