Question

Is there a way to take this box that I have floating on the right side of a div, and make it so that it is flush with the top-right corner? I have tried making it position:relative and top:0px, but it stubbornly remains offset by the padding of the legend.

http://jsfiddle.net/loren_hibbard/dpUM2/

Answer 1

You either need to set the position to absolute, or set the #title element to float:left.

Example with position:absolute on #top and position:relative on #out:

http://jsfiddle.net/bozdoz/dpUM2/9/

Example with #title set to float:left:

http://jsfiddle.net/bozdoz/dpUM2/13/