Tablas con capas, y posiciones relativas

[August]

Como puedo hacer una tabulacion de 3 columnas con divs, el problema es que si uso posiciones absolutas, a veces se sobreenciman con lo de arriba, y entonces por eso lo prefiero con posicion relativa

Como lo podria hacer?

[August]

Por ejemplo, hago esto, pero el flash hace el salto de linea y no quiero eso

Código:

<style>
#submenu        {
    background: #00648c url('submenu_bg2.gif') repeat-x;
    padding:4px;
    width: 150px;
    margin-left:0px;
    margin-top:0px;
    color:#fff;

}

#submenu ul                {
    /* IE doesn't like list-style:none, it still uses images from previous definitions */
    list-style-type:none;
    list-style-image:none;
    margin-left:0px;
    margin-top:0px;
    padding:0px;
        position:relative;

}

#submenu li                {
    font-size: 90%;
    margin:0px;
    padding: 2px;
}

#submenu li a { 
    padding: 3px;
    display: block;
    width: 98%;
    color: #fff;
    text-decoration:none;
    position:relative;
}

#submenu li a:hover         { 
    background: #bcddeb;
    color: #00648c;
}


div.tabla
{
    clear: none;
    overflow: auto;
    width:1000px;
}

div.fila
{
    clear: both;
}


div.col
{
    float: left;
    padding: 5px;

}
</style>

<div class="tabla">


<div class="fila">
<div class="col" style="width:300px">
<div id="submenu">
                <ul>
    
    <li class="link"><a href="/doc/">Empresas</a>
    </li>

    <li class="link"><a href="/doc/">Proveedores</a>
    </li>

    <li class="link"><a href="/doc/">Empleos</a>
    </li>
    
    <li class="link"><a href="">Foros</a>
    </li>


    <li class="link"><a href="/doc/">Documentacion</a>
    </li>
    
        <li class="link"><a href="/doc/">Articulos</a>
    </li>
    
    <li class="link"><a href="/doc/">Capacitacion</a>
    </li>

    <li class="link"><a href="/">Suscribciones</a>
    </li>


    <li class="link"><a href="/">Contraloria</a>
    </li>
    
    
    
    <li class="link"><a href="/downloads/">Descargas</a>
    </li>
    
</ul> 

</div>
<div class="col" style="width:600px;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="580" height="360" id="Sin título-6" align="top" class="col">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="Sin título-6.swf" /><param name="quality" value="high" />
<param name="wmode" value="transparent"><param name="bgcolor" value="#D9ECFF" /><embed src="Sin título-6.swf" wmode="transparent" quality="high" bgcolor="#D9ECFF" width="580" height="360" name="Sin título-6" align="top" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>


</div>
</div>

</div>