Problem med en scrollbar. CSS, HTML.

Har problem med att få en sida att se ut som jag vill, eller egentligen att få den att scrolla som jag vill.

Jag vill ha tre layer boxar bredvid varandra, den i mitten innhåller information och de två på sidorna innehåller länkar. Problemet är då att när informationen i mittenboxen blir för stor så hamnar en scrollbar på sidan av boxen vilket inte är så snyggt. Jag vill att den ska hamna på sin vanliga plats på sidan av explorer-rutan men bara scrolla mittenboxen.

Bifogar en fil för att visa mitt problem.

Visa lite kod tack! :)

Ska göra det så fort jag kommer till skolan, har allt där.

här är en tråd som tar upp ditt problem:
http://www.webforum.nu/showthread.php?s=&threadid=93580&forumid=24

Tycker inte riktigt att jag får fram något med hjälp av den tråden. Jag lyckas iaf inte utifrån den få ett layer att använda standard scrollen i explorer. Det är vad jag vill. Alternativt så kanske det skulle funka att dölja scrollen och scrolla med knappar istället men jag har aldrig gillat den typen av lösningar.

Så här ser min nybörjarcss-kod ut:

body {
	/*background-color: #34354F;*/
	background-image: url("hlosk2.jpg");
	background-repeat: no-repeat;
	/*background-position: center center;*/
}

#top {
	overflow: hidden;
	postion: fixed;
	height: 100px;
	top: 0px;
	left: 0px;
}

#left {
	overflow: hidden;
	position: absolute;
	top: 100px;
	width: 100px;
	height: 425px;
}

#middle {
	overflow: auto;
	position: absolute;
	top: 100px;
	left: 140px;
	width: 725px;
	height: 425px;
}

#right {
	overflow: hidden;
	position: absolute;
	top: 100px;
	margin-left: 900px;
	width: 100px;
	height: 425px;
}

Jag lägger sedan en div för varje id för att få informationen på sidan dit jag vill ha den. Problemet är som sagt att jag får en scrollbar i middle diven. Finns det något smidigt sätt att lösa det på?