Css- Expanding An Element Without Losing Page's Original Structure. To Create Drop Down

I want to create a drop down menu (alternate to Browser's tag). So Here I've created a

in another

to stimulate the

But When I

Solution 1:

You could just apply position: absolute to .ddown

.ddown{
    width:250px;
    background: #aaa;
    border: 2px solid #777;
    color: #444;
    text-align: center;
    margin: 0px;
    display: inline-block;
    z-index:5;
    float:left;
    overflow:visible;
    position: absolute;
}

An example : http://jsfiddle.net/FuhgN/6/