
Okay, going CrAzY.... I have a notes text box, it's just a big textarea. I want the text to be fully revealed within the box it's in. But it won't go lower... Here's the HTML <input type="checkbox" class="tab tab10" name="attr_core-tab10" value="10" title="History" />
<span class="tab tab10" style='line-height: 40px;'>Notes</span>
<div class="section-notes">
<div class="notes-outer-container">
<div class="notes-internal-container text">
<div class="widget borderedContainer">
<textarea class="onecolumntextarea" name="attr_notes"></textarea>
</div>
</div>
</div>
</div> Here's my entire CSS charsheet input.sheet-tab10:checked ~ div.sheet-section-notes {
/* Dimensions */
width: 700px;
height: 690px;
/* Position it so it is to the right of the button */
margin-top: 0px;
margin-left: 0px;
/* Border */
border-style: inset;
border-radius: 0px 15px 15px 15px;
border-width: 2px;
border-color: rgba(255, 215, 0, 1);
/* Transition effect when you open it */
opacity: 1;
transform: scale(1) translateX(120px) translateY(-41px);
} charsheet input.sheet-tab10:checked ~ div.sheet-section-notes {
/* Dimensions */
width: 700px;
height: 690px;
/* Position it so it is to the right of the button */
margin-top: 0px;
margin-left: 0px;
/* Border */
border-style: inset;
border-radius: 0px 15px 15px 15px;
border-width: 2px;
border-color: rgba(255, 215, 0, 1);
/* Transition effect when you open it */
opacity: 1;
transform: scale(1) translateX(120px) translateY(-41px);
} .sheet-internal-container {
width: 690px;
padding: 10px;
}
.sheet-notes-internal-container {
width: 690px;
height: 495px;
padding: 10px;
}
.sheet-outer-container {
width: 730px;
height: 495px;
overflow-x: hidden;
overflow-y: auto;
}
.sheet-attributes-outer-container {
width: 730px;
height: 500px;
overflow-x: hidden;
overflow-y: auto;
}
.sheet-education-outer-container {
width: 730px;
height: 230px;
overflow-x: hidden;
overflow-y: auto;
}
.sheet-general-skills-outer-container {
width: 730px;
height: 395px;
overflow-x: hidden;
overflow-y: auto;
}
.sheet-combat-outer-container {
height: 650px;
}
.sheet-notes-outer-container {
width: 730px;
height: 495px;
overflow-x: hidden;
overflow-y: auto;