.top-left { margin-right: 9px; /* clip right corner */ background-image: url('images/corners1280x18.gif'); height: 9px; /* vertical: show first half of the image with the top-corners in it */ font-size: 2px; /* correct height for IE */ } .top-right { margin-top: -9px; /* to level of top-left corner */ margin-left: 9px; /* clip left corner */ background-image: url('images/corners1280x18.gif'); background-position: 100% 0; /* show bg-image starting at the right */ height: 9px; font-size: 2px; } .bottom-left { margin-right: 9px; /* clip right corner */ background-image: url('images/corners1280x18.gif'); background-position: 0 -9px; /* show under half of the image */ height: 9px; font-size: 2px; } .bottom-right { margin-top: -9px; /* to level of bottom-left corner */ margin-left: 9px; /* clip left corner */ background-image: url('images/corners1280x18.gif'); background-position: 100% -9px; /* under half, right side */ height: 9px; font-size: 2px; } .inside { border-left: 1px solid #085208; border-right: 1px solid #085208; background: #FFFFFF; color: #000000; padding-left: 10px; padding-right: 10px; } .inside a { color: #6F9300; font-weight: bold; } .inside a:hover { color: #FF6600; } .notopgap { margin-top: 0; } .nobottomgap { margin-bottom: 0; } /* BLACK */ .top-left_blk { margin-right: 9px; /* clip right corner */ background-image: url('images/corners1280x18_blk.gif'); height: 9px; /* vertical: show first half of the image with the top-corners in it */ font-size: 2px; /* correct height for IE */ } .top-right_blk { margin-top: -9px; /* to level of top-left corner */ margin-left: 9px; /* clip left corner */ background-image: url('images/corners1280x18_blk.gif'); background-position: 100% 0; /* show bg-image starting at the right */ height: 9px; font-size: 2px; } .bottom-left_blk { margin-right: 9px; /* clip right corner */ background-image: url('images/corners1280x18_blk.gif'); background-position: 0 -9px; /* show under half of the image */ height: 9px; font-size: 2px; } .bottom-right_blk { margin-top: -9px; /* to level of bottom-left corner */ margin-left: 9px; /* clip left corner */ background-image: url('images/corners1280x18_blk.gif'); background-position: 100% -9px; /* under half, right side */ height: 9px; font-size: 2px; } .inside_blk { border-left: 1px solid #085208; border-right: 1px solid #085208; background: #000000; color: #000000; padding-left: 10px; padding-right: 10px; } /* implementation in the page: ... ... ...

Your text & other things inside

...

... */ -->