Ocultar / mostrar tablas de forma horizontal

[Reynier]

Aquí te dejo el código de como están posicionada las cosas en el Portal:

Código HTML:

<div id="divLeftNav">
    {* Menu *}
        {include file="theme_plugins/menu.tpl"}
    {* Menu *}
    <br />
    {* Your Account *}
        {include file="theme_plugins/your_account.tpl"}
    {* Your Account *}
    <br />
    {* Construido con *}
        {include file="theme_plugins/build_with.tpl"}
    {* Construido con *}
</div> 

y la clase CSS es la siguiente:

Código HTML:

#divLeftNav {
	float: left;
	width: 160px;
	margin: 0;
	padding: 1em;
	border-right: 1px dotted gray;
}

#divRightNav {
	float: right;
	width: 160px;
	margin: 0;
	padding: 1em;		
	border-left: 1px dotted gray;
	
}

#divContent {
	margin-left: 200px;
	margin-right: 200px;
	padding: 1em;
	max-width: 36em;
}

como podrás ver está posicionada con float:left pero aún así y todo se oculta verticalmente que es lo que no quiero. Lo que quiero es que el desplazamiento a la hora de ocultar en vez de hacerlo hacia arriba verticalmente lo haga hacia el lado horizontalmente. Entiendes ??

Salu2