div help

hey, ik heb nu

<div style="width:650px; height:auto; overflow:hidden; "><div style=border-top-width:1px;border-color: #b4b4b4;border-style:solid;border-left-width:1px;border-right-width:1px;border-bottom-width: 1px;width: 110px;height:100%;overflow:hidden;background-repeat: repeat;margin-top: 1px;float: left; width=110px >div1<br>div1</div>
<div style=border-top-width:1px;border-color: #b4b4b4;border-style:solid;border-left-width:0px;border-right-width:1px;border-bottom-width: 1px;width: 537px;height:100%;overflow:hidden;background-repeat: repeat;float: right;margin-top: 1px; >div2</div></div>

Maar zoals je ziet heeft div1 2 regels. hoe zorg ik ervoor dat div2 meegaat met div 1?
Alvast bedankt

je heb 3 divjes? en waarom niet via css, is een stuk overzichtelijker

<style type="text/css">
div {
width:650px;
 height:auto; 
overflow:hidden; 
}
div {
border-top-width:1px;
border-color: #b4b4b4;
border-style:solid;
border-left-width:1px;
border-right-width:1px;
border-bottom-width: 1px;
width: 110px;
height:100%;
overflow:hidden;
background-repeat: repeat;
margin-top: 1px;
float: left; }
div2 {
border-top-width:1px;
border-color: #b4b4b4;
border-style:solid;
border-left-width:0px;
border-right-width:1px;
border-bottom-width: 1px;
width: 537px;
height:100%;overflow:hidden;
background-repeat: repeat;
float: right;
margin-top: 1px;
}
</style>
<div id="div">
<div id="div1" >
div1<br>div1
</div>
<div id="div2" >div2</div></div>

Zo dan

Nee, maak gewoon een .css bestand zet daar je css in en zet dit in je header van html:
En noem je css bestand dan style.css
dat is veel makkelijker, iedereen doet dat en zo kan je makkelijke fouten opsporen.

ik snap je bedoeling niet echt en het is niet handig om je divjes steeds hetzelfde te noemen. Ik zal wel aan de hand van jou css een voorbeeld maken dan.

css:

<style type="text/css">
#vak1 {
width:650px; 
overflow:hidden; 
}
#vak2 {
border-top-width:1px;
border-color: #b4b4b4;
border-style:solid;
border-left-width:1px;
border-right-width:1px;
border-bottom-width: 1px;
width: 110px;
overflow:hidden;
margin-top: 1px;
float: left; }

#vak3 {
border-top-width:1px;
border-color: #b4b4b4;
border-style:solid;
border-left-width:0px;
border-right-width:1px;
border-bottom-width: 1px;
width: 537px;
overflow:hidden;
float: left;
margin-top: 1px;
}
</style>

en dan je html:

<div id="vak1">
      <div id="vak2> tekst links </div>
      <div id="vak3> tekst rechts </div>
</div>

nb: en je gebruikt overflow: hidden; en height tegelijk, dit is dubbelop, dit hoeft niet. Ook background-repeat hoeft niet als je geen background gebruikt.