Need help with this Dropdown Menu

[base0902]

so im doing this excercise on dropdown menus and i want it to achieve this [look](http://i40.tinypic.com/2rzoyyr.jpg “image”). but i dont know what im doing wrong or if im doing anything right at all :(.

here’s the code:

[http://codepen.io/seraphzz/pen/kHfBo](http://codepen.io/seraphzz/pen/kHfBo “link”)

[Paulie_D]

Unless you host the bg image on a webserver it’s not going to show up in Codepen.

I use Photobucket.

[Paulie_D]

I would say that this is mis-structured.

[Paulie_D]

Also this:

#nav li:hover > ul{

position: absolute;
}

You haven’t set a `position:relative` on the parent to set the context.

[Paulie_D]

In the meantime: http://codepen.io/Paulie-D/pen/86731daa8998d3df818160b9df55d6d9

You might want to experiment.

[base0902]

Thanks Paulie! I’ve been up all night trying to make it work i didn’t notice the messed up codes XD

Thanks ill try experimenting on whast you gave me :)

[Author]

Posts