Keep Text From Wrapping Around Floated Image

I currently have an image that is floating left, and a block of text that rests to the right of it. That block of text is not current floated, it just comes after the image in the

Solution 1:

p
{
width:1000px;
display: table-row;       
}

Solution 2:

FIXED ANSWER

Just float the text as well. :)

http://jsfiddle.net/Hs7pN/

#image
{
    background-color: #09C;
    float: left;
    height: 200px;
    width: 200px;
}

#text
{
    float: left;
    width: 400px;
}

Solution 3:

Try setting fixed width if possible and Justify your text