HTML, Floating, Small Problem, Seems Simple

If you look at my Jsfiddle Example, the float seems to disregard the title text that is to the left of the floated element. My goal is to make the floated element not overlap the title text and to stop once it reaches the end of the div which is the title text

My questions, is this possible? I just do not want it to overlap the element which is to the left of the floated element. Tha开发者_JS百科nks in advance for the advice, suggestions, etc.

Jsfiddle.net

Remove Position: Relative from your #advertisement_1 div, and in the HTML put it above the title div.

Below is an updated JSFiddle with it working, you may need to adjust the "top" value in your CSS for the advert box if it needs to be different to what is in the fiddle.

http://jsfiddle.net/f5j2z/