I have been tweeking a horizontal drop down menu using html/css to work on IE6/7 & Firefox 2/3 etc.
I have tweaked so much that when the cursor is hovering over the main navigation e.g About button, to then show a drop down menu, the dropdown menu moves to the left of the About button instead of under it.
Does anyone know how to rectify this, as I have lost the dashed lined under each dropdown link, and I don’t know how to fix it. I would be most grateful for any help!!
Also, I have not tested but I noticed you didn’t have a position:relative; on your parent "#mainnav li". When using absolute positioning, you must have a relative positioning on the parent so it can find the correct 0 x 0 axis :-)