No logro extender capas al maximo usando un splitter

[tico74]

Buenas, les queria pedir algun consejo o ayuda, no se si en este foro de css, en javascript o html pero esencialmente tengo :

3 capas o divs, y debo usar un splitter o separador vertical para poder extender dos de ellas al maximo.

el splitter que uso es este:http://web.archive.org/web/201603231...ter/index.html

aca pueden ver el esquema y codigo mejor:

Código:

		<style type="text/css" media="all">


			#MySplitter {
				height: 800px;
				width:  auto;
				margin: 1em 3em;
				
				
			}

			#LeftPane {
				
				overflow: auto;
				
				
			}

			#RightPane {
				
				overflow: auto;
				
			}

			#MySplitter .vsplitbar {
				width: 6px;
				background: #aca url('http://methvin.com/splitter/img/vgrabber.gif') no-repeat center;
			}
			#MySplitter .vsplitbar.active {
				background: #da8 url('http://methvin.com/splitter/img/vgrabber.gif') no-repeat center;
				opacity: 0.7;
			}
		</style>
		
		

		<div id="MySplitter"> 
		    <div id="LeftPane">
						<div id="sc_workarea"  >									
							
						</div><!--workarea -->
		    </div> <!--left panel -->

			<!--right panel -->
			<div id="RightPane">
					<div id="sc_preview" >
						
					</div>
					<div id="sc_library" class="sc-cell">
					
					</div><!--sc library -->
			</div><!--right panel -->		
	    </div><!--MySplitter -->

Cuando elimino el <div id="LeftPane"> puedo extender la capa que esta adentro (sc_workarea) sin problema. El tema es que en el otro (rightpanel) tengo dos capas, sc_preview q es invisible y sc_library que es la que deberia extender a su maximo como pasa con sc_workarea.

No se si es confuso pero basicamente es asi.

Le ruego a algun experto si me puede dar su opinion, estare infinitamente agradecido.

Saludos!