Title: Menu CSS &#8211; Odd behavior
Last modified: August 20, 2016

---

# Menu CSS – Odd behavior

 *  Resolved [WPuser3](https://wordpress.org/support/users/wpuser3/)
 * (@wpuser3)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/menu-css-odd-behavior/)
 * How can I implement [This](http://designmodo.com/css3-dropdown-menu/) menu with
   a CSS menu? It seems that if I copy parts of the code from it, it applies it 
   to the UL items instead of how it should work.
 * This is my current CSS:
 * `#nav { height:35px; float:left; }
    #nav li { display:block; float:left; margin-
   right:30px; position:relative; padding-top:13px; height:35px; } #nav li a { font-
   size:14px; color:#FFF; font-weight:bold } #nav li ul { left:-20000px; position:
   absolute; z-index:1; top:45px; width:200px; } #nav li ul li { float:none; background-
   color:#fff; height:30px; margin:0; padding:9px 0 0 10px; } #nav li:hover ul {
   left:0; } #nav li ul li ul { top:-20000px; } #nav li ul li:hover ul { left:140px;
   top:0; } #nav li ul li ul li ul { top:-20000px; } #nav li ul li ul li:hover ul{
   left:140px; top:0; }

The topic ‘Menu CSS – Odd behavior’ is closed to new replies.

 * 0 replies
 * 1 participant
 * Last reply from: [WPuser3](https://wordpress.org/support/users/wpuser3/)
 * Last activity: [13 years, 10 months ago](https://wordpress.org/support/topic/menu-css-odd-behavior/)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
