css - Firefox floated <ul>... extra top padding or margin, even after default reset? -


I've found a simple temporary horizontal list that looks good in IE and Opera, but there is an extra padding or margin in Firefox At the top I do not know how to fix it. As long as I had to add a display, it seemed like the same: due to any other digit, she has inline for an image link, so I think the display Something to do with the attribute .. no idea ? I am trying to remove it from the last eight hours.

  #header {background: url (../images / header_bkg.) Repeat-x; Width: 800 pixels; Height: 125px; Status: Relative; } #header ul {list-style-type: none; Margin: 0; Padding: 0; float right; } #Header Li {Float: left; Padding: 0x6px 0 0; Margin: 0; } # Header A, # Header A: Visited {font-family: werdana, aerial, helvicika, sense-serif; Font-size: .7em; Color: # 333333; Text-decoration: None; Padding: 2px; Display area; } # Header A: Hover {font size: .7em; Color: #FFFFFF; Background: # DCAD33; Text-decoration: None; Display area; } & Lt; Div id = "header" & gt; & Lt; Img src = "../ images / correct_header_png" style = "float: true" /> & Lt; A href = "../index.html" style = "background: none; display: inline" & gt; & Lt; Img src = "../ Images / Scofield_Logo." Style = "float: left; padding: 0 20px" /> & lt; / A & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "..// index.html" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "../Portfolio / Portfolio. Espacks" & gt; Portfolio & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "../ unique / shreddie.aspx" & gt; Rarities & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "..//// custom html" & gt; Custom & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "..//trademark" & gt; Business & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "..// company.html" & gt; COMPANY & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "..// press.html" & gt; Press & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "http://scofieldhistoriclighting.blogspot.com/" target = "_ blank" & gt; Blogs & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "../contact.html" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;  

I fixed this problem by clearing float and adding a non-breaking space Is ...

Previously, in the CSS file, I did & lt; Br / & gt; used:

  #clear_floats {clear: both;}  

Then, in my code, just before my new moving elements :

  & lt; Div id = "clear_floats" & gt; & Amp; Nbsp; & Lt; / Div & gt;  

Worked for me Hope it helps.


Comments

Popular posts from this blog

c# - How to capture HTTP packet with SharpPcap -

php - Multiple Select with Explode: only returns the word "Array" -

php - jQuery AJAX Post not working -