
Originally Posted by
bsteinagel
Hello,
I recently added a new top-level link to my css menu. After that, the menu is not centered properly on the page. I decided to use relative positioning to try and center the menu again, but now the positioning is ok for my monitor and skewed on others. I realized that I needed to set the menu's horizontal margin to auto (I know this won't work in IE7 due to a bug, but that's a separate issue that I'll learn about later). Problem is, it already seems like that's been done in the stylesheet. I noticed that I've got multiple div's in the page code for the drop menu. Using Firefox and the Firebug add-on I noticed: #dropMenuWrapper, #dropMenuWrapperb, #dropMenuWrapperc and #dropMenuWrapperd. Are all of these supposed to be there? They're all empty div's. Furthermore, when I use the Inspect function of Firebug it appears that my menu is not positioned inside of the dropMenu div like it should be, but is actually below it. I'm not sure if I made a mistake or not, but I would think that the menu should auto center itself whenever new links are added/removed.
Would somebody be willing to take a look at my site's CSS and point me in the right direction as to where I should start making changes? Any help is appreciated.
Thanks,
Bookmarks