2 Navigation Bars On Nearly Identical Pages, Yet Different Results and Can't Control UL LI Padding and Margins
Recently I created a new horizontal navigation for my 2 sites but on one site it looks good, yet on another I am having trouble controlling the positioning.
For example, If you review the horizontal navigation links at the bottom of the header image here: http://classifieds.your-adrenaline-fix.com/ you'll likely agree that it looks good but if you click any of the horizontal links these will take you to the main site where you will see the same horizontal navigation but the problem is I can't gain control of the positioning nor can I seem to figure out why the 2 are different with nearly identical HTML and CSS.
If anyone wouldn't mind taking a look at the link I provided above you'll see what I'm talking about and if anyone wouldn't mind showing me what Im missing, I'd be most appreciative and I thank each of you in advance.
PS; I've been trying for hours...
On the page that looks correct, your
<ul> has the following styles defined in form-css.css around line 70
list-style-type: none; padding: 0px; margin: 0px;
The main page does not have this styling. The important parts being the padding and the margin. Default styling on a list usually gives some pad and margin to a
ul, which is what we are seeing in the main page.
This recipe can be found in it's original form on Stack Over Flow.