DIV Overflow og runde hjørner

[FireNacho]

Når jeg endelig har klart å få til en DIV boks med runde hjørner så sliter jeg med en ny ting. Jeg trenger en div boks med scrolling og runde hjørner. Har gjort som i følgende tutorial for å få runde hjørner:

 

http://www.sitepoint.com/article/css-round...rs-boxes-curves

 

Men når man legger til Overflow på div boksen så forsvinner hjørnene når man scroller. Har lest en del tutorials nå men ingen jeg har funnet dekker en boks med scrolling. Har søkt i forumet men finner ingening. Noen som kan komme med noen tips?

 

 

Koden jeg har brukt:

 

HTML:

 

<div id="main"><div class="br"><div class="bl"><div class="tr"><div class="tl">

blablablablabla

</div></div></div></div></div>

 

 

 

CSS:

 

DIV#main {

position:absolute;

top: 167px;

left: 10px;

width: 1150px;

height: 620px;

overflow: auto;

background: #39C2D4;

}

 

.bl {

background: url(bl.gif) 0 100% no-repeat;

width: 100%;

height: 100%;

}

.br {

background: url(br.gif) 100% 100% no-repeat;

width: 100%;

height: 100%;

}

.tl {

background: url(tl.gif) 0 0 no-repeat;

width: 100%;

height: 100%;

}

.tr {

background: url(tr.gif) 100% 0 no-repeat;

width: 100%;

height: 100%;

[Haraldson]

Gidder du å legge opp et live eksempel? Lettere å se problemet, og dessuten redigere koden live, da.

[FireNacho]

Her er siden, ett lite amatør prosjekt jeg holder på med:

 

http://139.164.146.106/index.php?page=servers

 

Bruker:andre

Pass:test

 

Koden:

http://139.164.146.106/index.phps

 

CSS fila:

http://139.164.146.106/style/default/style.css

Se DIV#main

[Haraldson]

Tok meg ikke tid til å studere koden veldig nøye, men jeg tror det kan være verdt å putte ENDA en div innerst i de fire andre, som du setter overflow: auto; på. Så kan du stille margin ut til kantene på denne, så kommer scrollbaren innenfor hjørnene.

[FireNacho]

Jøss, det fungerte ganske bra. Tusen takk tenkte ikke på å gjøre det på den måten !