Как сделать картинку справа от текста, отчего глюки

Я не пониманию как вставить картинку сбоку, справа от текста, все время выходят какие-то глюки, и даже страница портится из-за этого. Почему это происходит? Нужно чтобы это было средствами CSS, так как все что касается формления я считаю должно быть там. Еще фон почему-то спал, хотя я все сделала правильно, и даже по ссылке на него переходит! Как вернуть фон? Что не так с моим кодом?
http://joxi.ru/8233kxosaJMoa2
http://joxi.ru/n2Y1kaxh7o4Xx2
http://joxi.ru/zANLDYWi8BXEOm - почему оно сделалось таким прималеньким я вообще не знаю..
А если делаю внутри абзаца, то получается такое! - http://joxi.ru/l2ZyNRkFRwO6Zm
Получилось сразу несколько вопросов.

 

Нужно весь текст завернуть в

Code:

<div id="text1">
текст 1
</div>

а картинку в

Code:

<div id="img1">
</div>

а css прописать так:

Code:

body{
   background-color: #3366CC; /* Цвет фона веб-страницы */
   }
#text1{
float:left;
width:200px;
height:200px;
border: 1px solid red;
}
#img1{
float:left;
width:200px;
height:200px;
border: 1px solid green;
background-image: url(images/bg.jpg); /* Путь к фоновому изображению */
}