[Resolvido] problemas de posicionamento com div

Boa tarde pessoal, novamente estou aqui pedindo ajuda.

Seguinte: estou com um problema em controlar duas divs no conteudo.

No lado direito tenho uma div1 com os seguintes atributos na tag

style:

padding:10px; width:350px; min-height:220px;

e no lado direito(div2), que é onde se encontra o problema:

 position:relative;
 left: 380px;
 top: -242px;
 width: 555px;
 min-height: 240px;
 font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em;
 border: 1px solid #dddddd; background: #eeeeee; color: #333333;

eu gostaria de deixar uma ao lado da outra ex:

div1 espaçamento div2, e se a div 1 aumentar a div 2 ficar paradinha na dela.

porém isso nao esta dando certo

DIV 1 é de JQuery, vja o css dela:

.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }