a) The second ul of the first drop down have links that start from the bottom of the dropdown , instead of the top. I’m not sure how to fix it.
b) This would be a dynamic menu. The programer I’m working with says that I’ll have to set a max width to the dropdown beyond which the dropdown cannot extend to the right. I’m not sure how I’d do that. If I set the outer dropdown(the one without the background) to a fixed width, that would work, but then I’d have to remove no-wrap(I think). And if I do do that, then if the menu only has enough items to populate one column, the entire space to the right would be ‘within’ the outer dropdown and that would be incorrect – the dropdown should be hidden the moment the user moves out of the visible portion of the dropdown.
a) add vertical-align: top to .nav li ul
b) you need more info from the programmer (why isn’t he doing this?, what’s the designer have to say?) – what happens when there _is_ more content than the dropdown is allowed to be in width? It seems to me its the content that should be controlled
c) the borders in the example sites are background images on the div