li { background: url(images/check.gif) left center no-repeat; padding-left:18px; margin:0 5px 3px 5px;} .roundcont { width: 210px; background-color: #EFF2F3; /*background-color: #EFF2F3;*/ } .roundcont2 { width: 200px; background-color: #ffffff; } .roundtop { background: url(images/tr_corner_grey.gif) no-repeat top right; } .roundbottom { background: url(images/br_corner_grey.gif) no-repeat top right; } .roundtop2 { background: url(images/corners/tr_dark.gif) no-repeat top right; } .roundbottom2 { background: url(images/corners/br_dark.gif) no-repeat top right; } img.corner { width: 6px; height: 6px; border: none; display: block !important; } .t {background: url(images/sb_dot.gif) 0 0 repeat-x; width: 20em} .b {background: url(images/sb_dot.gif) 0 100% repeat-x} .l {background: url(images/sb_dot.gif) 0 0 repeat-y} .r {background: url(images/sb_dot.gif) 100% 0 repeat-y} .bl {background: url(images/sb_bl.gif) 0 100% no-repeat} .br {background: url(images/sb_br.gif) 100% 100% no-repeat} .tl {background: url(images/sb_tl.gif) 0 0 no-repeat} .tr {background: url(images/sb_tr.gif) 100% 0 no-repeat; padding:10px}
Proceed with the card design below?
