$8
CSS for a menu

I need to finish this menu, The 2nd menu under the slider needs to only have text links in the drop down.

http://yogahealthretreats.com/dev/

The problem is, at first when you see it, it looks fine, but after you click, you get an image. This is very strange. Edit - The text is replaced by an image (and dropdown is bigger.) If you click on the drop down, at least one of the links, and then go to hover over the same one, you will see that the drop down is longer. If the backgorund would not have been set, it would be an image. (I hope I explained this better.)

If you have a solution, that would be awesome.

Nile Flores | 09/09/10 at 6:47am | Edit

css, menu

(3) Possible Answers Submitted...

Last edited:
09/09/10
4:09pm
enodekciw says:
try adding this code to the bottom of your style.css
```
#nav li ul li a {

text-indent: 10px !important;

}
```
- 09/09/10 7:45am
  
  Nile Flores says:
  This allows the text to appear, but does not allow the dropdown to show like it should. I added an extra note to my question about the fact that if I had not set my background for the a, then I would have had an image there. That image is what is making the drop down length after visiting.
  
  This has to be corrected.
  
  So far, awesome. I appreciate your answer so far. :)
- 09/09/10 7:51am
  
  enodekciw says:
```
#nav li ul li a {

height: 25px !important;

text-indent: 10px !important;

}
```
  that should do the trick.
Last edited:
09/09/10
11:57am
Pippin Williamson says:
Here's an easy solution: I've built a ready-to-use CSS 3 menu (with basic styling) that works perfectly. You could download it and install it into your theme.

http://pippinspages.com/css/freebie-css-3-drop-down-menus/
Last edited:
09/09/10
12:13pm
Tobias Nyholm says:
Try out my plugin:
http://wordpress.org/extend/plugins/webfish-dropdown-menu/