Div overlapper hinanden

Hvis i skal bruge nogle koder så sig endelig til :)

Jeg går ud fra at det er den side der er på billedet vi taler om, og ikke peecee.dk?

Har du mulighed for at skrive kilden her? Ellers er det lidt svært at se hvad der er galt.

det er den på billedet naturligvis.. Jeg kan ikke vise siden da den er beskyttet med kode men jeg kan poste de CSS der udgør den hvide baggrund og den tekst der overlapper.
/* Den hvide baggrund */
#page {
    border: 1px solid #000000;
    background: #FFFFFF;
    width: 850px;
    height: 500px;
    position: relative;
}

/* Indholdet der overlapper */
.content {
    position: absolute;
    top: 136px;
    left: 200px;
    width: 607px;
}

Hvis det gør det nemmere kan jeg også lave en midlertidig adgang til dig.. Ved nærmere eftertanke :)

gå ind på http://din.vivaa.dk
Log ind som: test med password: test

og vælg det menupunkt der hedder overlapperen.. SÅ kan du se hvordan teksten forsvinder udover kanten..

kigger lige på det

Jeg har ændret følgende styles:

#page {
    border: 1px solid #000000;
    background: #FFFFFF;
    width: 850px;
}

.top {
    background: url('../grafik/logo.jpg');
    border-bottom: 1px solid #000000;
    z-index: 2;
    height: 85px;
    width: 850px;
}

.comm {
    width: 468px;
    height: 60px;
    margin-top: 10px;
    margin-left: 325px;
}
.menu {
    width: 150px;
    min-height: 150px;
    margin-top: 30px;
    float: left;
}
.content {
    margin-top: 45px;
    margin-left: 200px;
    width: 607px;
}


Jeg kan ikke lige se hvordan .undermenu skal fungere, så den har jeg ikke rørt ved.

Prøv at se om det virker...

Jeg har lige givet dig adgang til et menupunkt der hedder links.. derinde kan du se undermenuen også..

Jeg har uploadet det så du kan se resultatet.. Det ligner en god fremgang, men der er nogle småjusteringer..

Blandt andet i de små sider der ikke har ret meget indhold er det nu menuen der flyder udover.. Jeg har lavet et par ekstra sider så du kan se hvad jeg mener..

Hvis du åbner den side der hedder test1 kan du se hvordan menuen overlapper baggrunden nu.

Og toppen skulle gerne ligge helt op til kanten som før.. :)

Kan du fikse det?

nu har jeg rodet lidt med det igen.... prøv det her:

body {
    background: #D3E9FF;
}

#page {
    border: 1px solid #000000;
    background: #FFFFFF;
    width: 850px;
    overflow: hidden;
}

.top {
    background: url('http://din.vivaa.dk/grafik/logo.jpg');
    border-bottom: 1px solid #000000;
    z-index: 2;
    height: 75px;
    width: 850px;
    padding-top: 10px;
}

.comm {
    width: 468px;
    height: 60px;
    margin-left: 325px;
}
.menu {
    width: 150px;
    min-height: 150px;
    margin-top: 20px;
    float: left;
}

a.punkt {
    border: 1px solid #000000;
    background: #D9E7E7;
    width: 150px;
    height: 15px;
    position: relative;
    font: 10px Verdana, Sans-seif;
    color: #000000;
    text-align: center;
    padding-top: 5px;
    left: -1px;
    display: block;
    text-decoration: none;
}

a.punkt:hover{
    background: #81B5DF;
}

.undermenu {
    width: 625px;
    height: 30px;
    position: absolute;
    top: 115px;
    left: 200px;
}

a.subpunkt {
    border: 1px solid #000000;
    background: #DCDCDC;
    width: 150px;
    height: 15px;
    font: 10px Verdana, Sans-seif;
    color: #000000;
    text-align: center;
    padding-top: 5px;
    display: block;
    text-decoration: none;
    float: left;
}

a.subpunkt:hover{
    background: #CCCCCC;
}

.content {
    margin-top: 45px;
    margin-left: 200px;
    width: 607px;
}
.title {
    position: relative;
    top: 10px;
    font: 10px Verdana, Sans-serif;
    color: #000000;
}
.title a{
    text-decoration: none;
    color: #81B5DF;
}

.chart {
    position: relative;
    top: 20px;
    left: -1px;
    height: 100px;
}
.copyright {
    position: relative;
    font: 8px Verdana, Sans-serif;
    color: #000000;
    font-weight: bold;
}
.list {
    font: 10px Verdana, Sans-serif;
    width: 600px;
}
.list td {
    width: 150px;
}
.formtable {
    font: 10px Verdana, Sans-serif;
}
.input {
    width: 150px;
    font: 10px Verdana, Sans-serif;
}
.option {
    width: 154px;
    font: 10px Verdana, Sans-serif;
}
.button {
    font: 10px Verdana, Sans-serif;
    color: #000000;
    border: 1px solid #000000;
    background: #E3E5CB;
    width: 100px;
}
.area {
    font: 10px Verdana, Sans-serif;
    width: 300px;
    height: 200px;
}
.normaltext {
    font: 10px Verdana, Sans-serif;
}
.links a{
    color: #0099CC;
}
.links a:hover {
    color: #CC0033;
}
.mailarea {
    width: 450px;
    height: 200px;
    font: 10px Verdana, Sans-serif;
    color: #000000;
    border: 1px solid #000000;
}
.mailinp {
    width: 450px;
    font: 10px Verdana, Sans-serif;
    color: #000000;
    border: 1px solid #000000;
}
a.links {
    color: #0099CC;   
}
a.links:hover {
    color: #CC0033;
}

nu ser det da fint ud :-)

Ahh najs.. så virker det.. Men stadig lige et eneste lille hængeparti.. Chart statistikken overlapper stadig i IE, men i FireFox er der ingen problemer..

Har du et løsningsforslag til dette?
Og læg gerne svar for points :)

den overlapper ikke i min IE...

har du sat nøjagtig det samme ind som jeg har skrevet?

ahh.. det gør den heller ikk her nu.. det har nok bare været et cache problem :)

Læg svar for points og mange tak for hjælpen :)

ellers så prøv det her:

.chart {
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
}

og et svar :-)