How do you overflow a div inside a div with a bg?

[ChoboSeki]

I have a midcontent and mid DIV.

mid = 1024px
midcontent = inside the mid div @ 850px

the mid div isn't changing height size, the midcontent just overflows into the lower div

When the midcontent text gets too much for the 600px height box, I want the mid DIV to overflow with the background repeating downward (no scroll bars)

I would assume you have to set the midcontent's position to something but it didn't do anything.

<div id="mid">
  <div id="midcontent">asfasfasasfasfasfasfasf
  </div>
</div>

#mid {
	background-image: url(midcontent.gif);
	height: 600px;
	width: 1024px;
	margin: 0px;
	overflow: visible;
}
#midcontent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
	width: 850px;
	float: right;
	margin-right: 81px;
	height: 600px;
}

[ChoboSeki]

Nevermind I got it


Had to make mid height 100%
overflow: auto

midcontent height 100%
overflow: auto

[Jbc223456]

Erm, misread OP