Hi,

i started with css a month ago. now i run in a problem.
http://www.boelsterli.biz/test/e2000...9&content=list

looks in IE ok, but in Firefox and Netscape not. In IE the divs in the center div
are all wrapped up by the center div. In Firefox and Netscape the center div
is to small and the divs inside are partially shown outside of thecenter div!

why they show outside of the center div? very strange!


Code:
body {
margin: 0;
padding: 0;
background: #FFE5BF;
}
#top {
margin: 10px 10px 10px 10px;
padding: 0 0 0 10px;
background: #ccc;
height: 75px;
overflow: hidden;
background: #FFD599;
}
#left {
position: absolute;
left: 10px;
top: 90px;
padding: 10px 5px 10px 5px;
width: 145px;
background: #FFE5BF;
}
#center {
margin-left: 170px;
margin-right: 10px;
padding: 5px 0px 5px 0px;
background: #CCC;
}
#footer {
margin: 10px 10px;
text-align: center;
visibility: hidden;
background: #FFCB80;
}
#top h1 {
position: relative;
top: -65px;
left: 5px;
font-size: 60px;
display: inline;
padding: 10px 0 0 0;
}
#top h2 {
position: relative;
font-size: 60px;
display: inline;
padding: 10px 0 0 0;
color: #AAA;
}
 
/*Naviagation CSS*/
/*#FFE5BF*/
#navigation ul a{
display: block; 
width: 119px;
font-weight: bold;
overflow: hidden;
}
#navigation ul ul a{
display: block; 
width: 107px;
}
#navigation ul ul ul a{
display: block; 
width: 95px;
}
#navigation ul { 
list-style: none; 
margin: 0; 
padding: 0; 
}
#navigation ul li { 
border-bottom: 1px solid #FFE5BF; 
} 
#navigation ul a:link, 
#navigation ul a:visited { 
padding: 5px 5px 5px 0.5em; 
border-left: 12px solid #BF8530; 
border-right: 1px solid #BF8530;
background-color: #FFCB80; 
color: #BF8530; 
text-decoration: none;
} 
#navigation ul a:hover { 
background-color: #BF8530; 
color: #FFFFFF; 
border: 1px solid #FFE5BF;
border-left: 12px solid #FFCB80;
} 
#navigation ul a:active{
color: #FF0000;
} 
#navigation ul ul { 
margin-left: 12px; 
} 
#navigation ul ul li { 
border-bottom: 1px solid #BF8530;
margin:0; 
} 
#navigation ul ul a:link, 
#navigation ul ul a:visited { 
padding: 5px 5px 5px 0.5em; 
border-left: 12px solid #BF8530; 
border-right: 1px solid #BF8530; 
background-color: #FFE5BF; 
color: #BF8530; 
text-decoration: none;
} 
#navigation ul ul a:hover { 
background-color: #BF8530; 
color: #FFFFFF; 
border: 1px solid #FFE5BF; 
border-left: 12px solid #FFCB80;
}
#navigation ul ul a:active{
color: #FF0000;
} 
/*third level navigation*/
#navigation ul ul ul a:link, 
#navigation ul ul ul a:visited { 
padding: 5px 5px 5px 0.5em; 
border-left: 12px solid #BF8530; 
border-right: 1px solid #BF8530;
background-color: #FFCB80; 
color: #BF8530; 
text-decoration: none;
} 
#navigation ul ul ul a:hover { 
background-color: #BF8530; 
color: #FFFFFF; 
border: 1px solid #FFE5BF;
border-left: 12px solid #FFCB80;
} 
#navigation ul ul ul a:active{
color: #FF0000;
}
/*time design*/
.generatetime{
color: #FFE5BF;
font-weight: bold;
}
/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
margin-top: 0;
}
/*experimental for Adress design*/
.inlinediv {
width: 300px;
margin: 5px;
float:left;
background: #D5D5D5;
padding: 5px;
border: 1px solid #AAA;
}
.inlinediv h2{
display: inline;
color: #666;
font-size: 1em;
}
.displaylabel {
/*color: white;*/
font-weight: bold;
float: left;
width: 30%;
font-size: 90%;
}
.displayvalue {
/*color: browne;*/
font-weight: bold;
float: right;
width: 65%;
font-size: 90%;
}
.displaylabeltstamp {
color: #AAA;
font-weight: bold;
font-size: 60%;
float: left;
width: 30%;
margin: 10px 0 0 0;
}
.displayvaluetstamp {
color: #AAA;
font-weight: bold;
font-size: 60%;
float: right;
width: 65%;
margin: 10px 0 0 0;
}
.clearcontact{
clear: both;
}
.note {
font-weight: bold;
float: left;
}
/*finish display design*/
/*Input Contact design*/
input {
float: right;
width: 60%;
background: white;
border: 1px solid #AAA;
padding: 1px 2px 1px 3px;
}
textarea {
float: right;
width: 90%;
height: 80px;
background: white;
border: 1px solid #AAA;
padding: 1px 2px 1px 3px;
}