stud@work: linker absolut positionierter DIV lässt sich nicht a

Hallo Leute,
hab da ein paar Probleme mit meiner aktuellen Seite.
Die Elemente (Buttons) meines links absolut positionierten DIVs lassen sich nicht anwählen.

Ich vermute das es damit zusammenhängt, dass die rechts davon liegenden DIVs ihn überlagern?

Oder warum kann ich doch einfach garnichts anklicken, es wird immer sofort Inhalt eines weiter links liegenden DIVs markiert.

Wie mach ich den linken DIV nutzbar?

Kleiner Auszug der CSS Datei:

  
  
* { padding: 0; margin: 0;}  
  
li { margin-left: 1em;}  
  
html, body {  
	background-color: #353535;  
	color: black;  
	font-family: Consolas;  
	height: 100%;  
	width: 100%;  
	padding: 0;  
	margin: 0;  
}  
  
  
ul {  
	list-style: none;  
}  
  
  
#page {	  
	background-color: #EAEAEA;  
	color: black;  
	font-family: Consolas;  
	width: 100%;  
	height: 100%;  
}  
  
#links{  
	margin-left: 0px;  
	margin-top: 0px;  
	margin-bottom: 0;  
	padding-top: 10px;  
	background-color: #EAEAEA;  
	width: 350px;  
	height: 100% - 10px;  
	text-align: center;  
	overflow: auto;  
	float: left;  
	position: absolute;  
    bottom: 0px;  
    top: 0px;  
  
}  
  
#rechtsoben {  
	margin-left: 350px;  
	background-color: #EAEAEA;  
	width: 100% - 350px;  
	height: 40px;  
}  
  
#rechtsmitte1 {  
	margin-left: 350px;  
	margin-top: 0px;  
	padding-left: 10px;  
	background-color: #f5f5f5;  
	width: 100% - 350px;  
	height: 50%;  
	max-height: 50%;  
	overflow: scroll;  
	border: solid 5px #EAEAEA;  
}  
  
#rechtsmitte2 {  
	margin-left: 350px;  
	margin-top: 0px;  
	padding-left: 10px;  
	background-color: #f5f5f5;  
	width: 100% - 350px;  
	height: 50%;  
	max-height: 50%;  
	overflow: scroll;  
	border: solid 5px #EAEAEA;  
}  
  
#rechtsunten {  
	margin-left: 350px;  
	padding-left: 10px;  
	background-color: #EAEAEA;  
	width: 100% - 350px;  
	height: 20px;  
	position: absolute;  
	bottom: 0;  
	right: 0;  
	left: 0;  
}  
  
#rechtsmitte  
{  
    height: 100% - 60px;  
    width: 100%;  
    position: absolute;  
    bottom: 35px;  
    top: 40px;  
    right: 0;  
}  
  
  

  1. Hi,

    Ich vermute das es damit zusammenhängt, dass die rechts davon liegenden DIVs ihn überlagern?

    Vermute nicht, sondern überprüfe. Bspw. mit Firebug.

    Kleiner Auszug der CSS Datei:

    Wurde dir nicht schon mal gesagt, dass CSS allein ohne zugehöriges HTML wenig Aussagekraft hat?

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    1. Vermute nicht, sondern überprüfe. Bspw. mit Firebug.

      Weiss eben nicht so recht, nach was ich beim FireBug achten soll?

      Wurde dir nicht schon mal gesagt, dass CSS allein ohne zugehöriges HTML wenig Aussagekraft hat?

      ok, das stimmt wohl:

        
      <body id ="WorkArea">  
              <div id="page">  
      	  
      			<form name="liste" action="" runat="server" id="form1">  
      				<div id="links">  
      				  
      					<script type="text/javascript">  
        
      					</script>  
        
      				</div> <!-- ende links -->  
      			<!--</form>-->  
        
        
      			<div id="rechtsoben">  
                      <script type="text/javascript">  
                      </script>  
      			</div> <!-- ende rechtsoben -->  
        
      			<div id="rechtsmitte">  
                      <script type="text/javascript">  
        
                      </script>  
        
      			    <div id="rechtsmitte1">  
        
      			    </div> <!-- ende rechtsmitte1 -->  
      			  
      			    <div id="rechtsmitte2">  
        
      			    </div> <!-- ende rechtsmitte2 -->  
                  </div> <!-- ende rechtsmitte -->  
        
                  </div>  
      			  
      			<div id="rechtsunten">  
       			</div> <!-- ende rechtsunten -->  
        
                  </form>  
      		</div> <!-- ende page -->  
      	</body>