How to FIX dimensions for CSS box (div)

[hurrican3p]

I am using some prefab Css boxes from roundcornr.com.

How do I fix the box size to a certain dimensions (WxL)?

thanks



HTML :


<div class="roundedcornr_box_240559">
<div class="roundedcornr_top_240559"><div></div></div>
<div class="roundedcornr_content_240559">
<p style="color:black;">
</p>
<p style="color:black;">
Line 2 Line 2 Line 2 Line 2 Line 2 Line 2
Line 2 Line 2
</p>
</div>
<div class="roundedcornr_bottom_240559"><div>
</div></div>
</div>
</td>





CSS:


/***rust/grey border***/
.roundedcornr_box_822079 {
background: url(images/roundedcornr_822079_tl.png) no-repeat top left;
}
.roundedcornr_top_822079 {
background: url(images/roundedcornr_822079_tr.png) no-repeat top right;
}
.roundedcornr_bottom_822079 {
background: url(images/roundedcornr_822079_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_822079 div {
background: url(images/roundedcornr_822079_br.png) no-repeat bottom right;
}
.roundedcornr_content_822079 {
background: url(images/roundedcornr_822079_r.png) top right repeat-y;
}

.roundedcornr_top_822079 div,.roundedcornr_top_822079,
.roundedcornr_bottom_822079 div, .roundedcornr_bottom_822079 {
width: 100%;
height: 15px;
font-size: 1px;
}
.roundedcornr_content_822079, .roundedcornr_bottom_822079 {
margin-top: -19px;
}
.roundedcornr_content_822079 { padding: 0 15px; }

[abduraooft]

.roundedcornr_box_240559{
width:200px;
height:200px;
}

[hurrican3p]

Thanks. Is there a way to set MAX height?

[vikram1vicky]

max-height:1000px;