Hi,<br><br><p><code> &lt;div class=&quot;t&quot;&gt;&lt;div class=&quot;b&quot;&gt;&lt;div
class=&quot;l&quot;&gt;&lt;div class=&quot;r&quot;&gt;&lt;div class=&quot;bl&quot;&gt;&lt;div
class=&quot;br&quot;&gt;&lt;div class=&quot;tl&quot;&gt;&lt;div class=&quot;tr&quot;&gt;<br>
                                Lorem ipsum dolor sit amet consectetur adipisicing elit<br>
                                &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
                        </code></p>

                        <p>And the <acronym title="Cascading Stylesheets">CSS</acronym> that makes our round corner border is:</p>

                        <code>
                                .t {background: url(dot.gif) 0 0 repeat-x; width: 20em}<br>
                                .b {background: url(dot.gif) 0 100% repeat-x}<br>
                                .l {background: url(dot.gif) 0 0 repeat-y}<br>
                                .r {background: url(dot.gif) 100% 0 repeat-y}<br>
                                .bl {background: url(bl.gif) 0 100% no-repeat}<br>
                                .br {background: url(br.gif) 100% 100% no-repeat}<br>
                                .tl {background: url(tl.gif) 0 0 no-repeat}<br>
                                .tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}<br><br><br>am using above code still am not getting curved edges properly.. horizantal and vertical lines are coming till end.. am not able to decrease thier length by setting positions in above code..
<br></code>