/* CSS Document */ .bannerbase1 { position:relative; width: 235px; height: 90px; background-position: bottom; background-repeat: repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 10px; float: left; } .bannerbase2 { float: left; width: 235px; background-position: bottom; background-repeat: repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 10px; margin-left: 12px; height: 110px; } /* */ .top-left, .top-right, .bottom-left, .bottom-right { background-image: url('images/corners1280x18.gif'); /* CHANGE: path and name of your image */ height: 9px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */ font-size: 2px; /* DNC: correction IE for height of the
's */ } .top-left, .bottom-left { margin-right: 9px; } .top-right, .bottom-right { margin-left: 9px; /* CHANGE: replace by the width of one of your corners */ margin-top: -9px; /* CHANGE: replace by the height of one of your corners */ } .top-right { background-position: 100% 0; } .bottom-left { background-position: 0 -9px; /* CHANGE: replace second number by negative height of one of your corners */ } .bottom-right { background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */ } .inside { border-left: 1px solid #99BAF1; /* YCC: color & properties of the left-borderline */ border-right: 1px solid #99BAF1; /* YCC: background-color of the inside */ color: #000000; /* YCC: default text-color of the inside */ padding-left: 10px; /* YCC: all texts at some distance of the left border */ padding-right:10px; /* YCC: all texts at some distance of the right border */ background-image: url(../assets/bg_box.jpg); background-repeat: repeat-x; height: 92px; } .notopgap { margin-top: 0; } /* DNC: to avoid splitting of the box */ .nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */ /* implementation in the page: ... ... ...

Your text & other things inside

...

...

... */