rollover menu css3

Question

I've got a problem with rollover menu css3. I need to create something like this:

I'm sitting on this for two days and I still have problems. There is my progress (Upper right corner): http://dash.com.pl/CTP/index.html#

So, the problem is, I can't display my second ul while I set position:absolute to this. I can't also set padding-bottom to first Ul.

Sure I made some mistakes, if someone could see what I did wrong, I would be grateful.

http://jsfiddle.net/SD58Z/800/

Answer 1

In your css add

#language {overflow: hidden; }

And by the way pls, close your links before you close the div!,

<div> <a href="#"> Link</a></div>

Answer 2

Hi you should close <a> tag inside the div and change html code like this:

<ul class="language" id="language">
     <li><div id="sve"><a href="#">svensk<div id="ico"><span></span></div></a></div>                
         <div id="uk"><a href="#">english</a></div>             
     </li>
</ul>