This is a floating DIV

It's ideal for adding 'web 2.0' style badges and notices.

Free-floating DIVS

By adding in-line CSS styling, you can place elements anywhere on your page. With the host of other style features and as browsers become more standardised, such techniques allow you to break the mould of template-based systems.

The example on this page uses a parent DIV with a background colour of black. Inside this is a floated yellow DIV with absolute positioning and a fixed width.

<div style="background-color: rgb(0, 0, 0);">
<div class="rounded_corners" style="background-color: rgb(255, 204, 0); width: 200px; margin-right: 20px; margin-top: 20px; position: absolute; right: 0px; top: 0px; z-index: 3000;">
<p><strong>This is a floating DIV</strong></p>
<p><span class="percent70">It's ideal for adding 'web 2.0' style badges and notices.</span></p>
</div>
</div>