css - Position fixed not working as expected in some browsers -


i have small "feedback" button on left bottom of page. positioned fixed.

however on browsers (old versions of webkit mainly) isn't displayed expected @ bottom of page.

here screenshots (the error visible on xp chrome 25, win 8 firefox 18, win 7 firefox 3.6, etc.): http://www.browserstack.com/screenshots/0d783c572a3da30c4ad2482b86cdce92dcf0788b

how can fix wrong behavior?

i not interested in overcomplicated solutions sticky footers, because if button hides text not problem.

css:

#support {   position: fixed;   left: 20px;   bottom: 0; }  #support {   display: block;   padding: 5px 10px;   ... } 

html inside many other nested divs:

<div id="support"><a href="#">…</a></div> 

it issue related way screenshots taken. code correct , button positioned correctly in browsers.


Comments

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -