CSS div rounded corners

Posted by Ulkmun on Stack Overflow See other posts from Stack Overflow or by Ulkmun
Published on 2010-12-31T02:31:31Z Indexed on 2010/12/31 2:53 UTC
Read the original article Hit count: 276

Filed under:
|
|
|
|

I'm attempting to do the following...

Here's what I've got right now.. but it's not rendering correctly. Does anyone have any idea as to how I'd fix this?

CSS

    /* Curved Corners */
    .bl {
background: url(bl.gif) 0 100% no-repeat;
/*background-color:#EFFBEF;*/
width: 700px;
margin-left: auto ;
margin-right: auto ;}
    .br {
background: url(br.gif) 100% 100% no-repeat;
}
    .tl {
background: url(tl.gif) 0 0 no-repeat;
}
    .tr {
background: url(tr.gif) 100% 0 no-repeat;
}
    .clear {font-size: 1px; height: 1px}

HTML

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

        <div id="header">

    </div>

    <div id="footer">

    </div>

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

© Stack Overflow or respective owner

Related posts about html

Related posts about css