html - Sticky footer elements not aligning -
Really easy issue is fished around the site, nothing is working. There is a sticky navigation at the bottom of my site that does not stick below! It is not respecting the rules of my height and is overflowing with no relation. I have tried: Cleanfix Overflow Table display I tried everything I knew honestly I am aiming for visually: css / html / demo .fn {width: 100%; Height: 100%; Maximum-height: 41px; Bottom: 0; Left: 0; Status: Completed; Background color: #fff; } .fn ul {text-align: center; Margin: 0; Padding: 0; List style: none; }. Fn li {display: inline-block; } .fn A {display: block; Padding: 10px 5px 10px 30px; Text-decoration: None; Font-family: "ralve", without-serif; Font-size: 1.15em; Alphabets: 0.05em; Color: # 000; } .fn First {margin-right: 45.5px; Background image: URL (http://s28.postimg.org/f3f2a8mnd/fi2.png); Repeat Background: No Repetition; Background-position: left center; Background-size: 25px 25px; Top: -14px; Status: ...