I have been working on a new layout for my site and have run into quite a few issues. URL: http://fontestad.net/test-tpl/ Issue #1: I have an image background for the left menu, but once that image is done I want it to repeat in the bottom color. The issue comes that when the background image ends the color background kicks in but is a few pixels larger than the image. Issue #2: In IE the menu items do not overlap each other, yet in FireFox they do. Issue #3: When you hover over the menu links it does not fill the whole space, what I mean is that it's a few pixels off and when I tried to fix this, it would always be a few pixels off no matter what. Happens in both IE and FF, most noticeably in FF. Any help would be greatly appreciated. Thanks.
It would seem your image is too narrow. Have you made it wider? Don't know where to look. I do know that with the absolute positioning, a single step increase in font size causes text to overlap. This is the same issue as #1 The use of absolute positioning for major layout placement is poor practice. It leads to fragile layouts, easily broken. cheers, gary
I'm still having some issues with the menu items. When the menu link text goes to a 2nd line it overlaps the next menu item. Any suggestions on how to fix this?