div.X

Hvorfor virker dette ikke for mig?
Og hvad er den rigtige måde at gøre det på?

<style type="text/css">
div.buttons {
    visibility: visible; position:absolute; left:10px; top:30px; width:100%; height:100; overflow:hidden;
    font-family: Verdana, Arial, Times New Roman;
    color: black;
    font-size: 14px;
}

div.faneblad {
    visibility: hidden; position:absolute; left:10px; top:230px; width:100%; height:380; overflow:auto;
    font-family: Verdana, Arial, Times New Roman;
    color: black;
    font-size: 12px;
}
</style>

og så længere nede

<div class="buttons">
<input type="button" value="abc" onclick="javascipt:doSomethingFancy();" /> <input type="button" value="xxx" onclick="javascipt:doSomethingFancyerYet();" />
</div>

<div id="f1" class="faneblad">
bla bla
</div>

<div id="f2" class="faneblad">
xyz
</div>