verschiedene layer an immer der gleichen stelle einblenden

[corinna]

gerne,
ich hab sie aber schon wieder diverse male verändert und auch eine lösung gefunden, die im ie funktioniert, aber nicht im mozilla und opera.

naja, hier;

body {
font-family : Arial, sans-serif;
font-size : 12px;
width : 788px;
background-color : white;
border : 1px solid #5F0000;
margin : 10% auto auto auto;
padding: 0px;
}

#logo {
  border : 4px solid #a1a1a1;
  background: #ccf;
  width:300px;
  height:70px;
  float:left;
}
#bildoben {
  border-top : 4px solid #a1a1a1;
  border-bottom : 4px solid #a1a1a1;
  border-right: 4px solid #a1a1a1;
  background: #ccf;
  width:476px;
  height:70px;
  float:left;
}
#navibg {
 border-left : 4px solid #a1a1a1;
 border-bottom : 4px solid #a1a1a1;
 border-right: 4px solid #a1a1a1;
 background: fuchsia;
 width:300px;
 height:150px;
 float:left;
}
#navi {
 border-left : 0px solid #a1a1a1;
 border-bottom : 0px solid #a1a1a1;
 border-right: 4px solid #a1a1a1;
 background: #ccf;
 width:120px;
 height:150px;
 float:left;

}
#subnavi1 { visibility: hidden; width:176px;height:150px; float:right; border: none; background: #ffffff; }
#subnavi2 { visibility: hidden; width:176px;height:150px; float:right; border: none; background: #ffffff; position:relative;}
#subnavi3 { visibility: hidden; width:176px;height:150px; float:right; border: none; background: #ffffff; position:absolute}
#subnavi4 { visibility: hidden; width:176px;height:150px; float:right; border: none; background: #ffffff; position:absolute}
#subnavi5 { visibility: hidden; width:176px;height:150px; float:right; border: none; background: #ffffff; position:absolute}
#subnavi6 { visibility: hidden; width:176px;height:150px; float:right; border: none; background: #ffffff; position:absolute}
#subnavi7 { visibility: hidden; width:176px;height:150px; float:right; border: none; background: #ffffff; position:absolute}
#content {
  border-bottom : 4px solid #a1a1a1;
  border-right: 4px solid #a1a1a1;
  background: #ccf;
  width:476px;
  height:417px;
  float:right;
}

#bildlinks {
 border-left : 4px solid #a1a1a1;
 border-bottom : 4px solid #a1a1a1;
 border-right: 4px solid #a1a1a1;
 background: #ccf;
 width:300px;
 height:150px;
 float:left;
}
#news {
 border-left : 4px solid #a1a1a1;
 border-bottom : 4px solid #a1a1a1;
 border-right: 4px solid #a1a1a1;
 background: #ccf;
 width:300px;
 height:109px;
 float:left;
 clear:left
}

#footer{
  background-color: gray;
  width:780px;
  height:15px;
  border-bottom : 4px solid #a1a1a1;
  border-right : 4px solid #a1a1a1;
  border-left : 4px solid #a1a1a1;
  clear:left;
}