How to position CSS fixed JQuery dropdown bar
I was looking for a JQuery dropdown bar (like the one in StackOverflow) when I'll find [this][1] that pointed to this [jsfiddle demo][2]. This is perfect except for one problem: when the page has scroll, it's possible that the user can't see the message.

I though that a simple "fixed" in the CSS will make the magic ([demo here][3]), but then a new problem appeared: the bar is not complete and centered. Now I'm blocked. What I need is the complete bar like in the first demo, but showed always even if page has scroll like in the second demo. Thanks.


  [1]: http://stackoverflow.com/questions/2983899/does-jquery-have-a-plugin-to-display-a-message-bar-like-the-twitter-wrong-pass
  [2]: http://jsfiddle.net/qezPE/2/
  [3]: http://jsfiddle.net/JpLaE/
How to position CSS fixed JQuery dropdown bar
===

I was looking for a JQuery dropdown bar (like the one in StackOverflow) when I'll find [this][1] that pointed to this [jsfiddle demo][2]. This is perfect except for one problem: when the page has scroll, it's possible that the user can't see the message.

I though that a simple "fixed" in the CSS will make the magic ([demo here][3]), but then a new problem appeared: the bar is not complete and centered. Now I'm blocked. What I need is the complete bar like in the first demo, but showed always even if page has scroll like in the second demo. Thanks.


  [1]: http://stackoverflow.com/questions/2983899/does-jquery-have-a-plugin-to-display-a-message-bar-like-the-twitter-wrong-pass
  [2]: http://jsfiddle.net/qezPE/2/
  [3]: http://jsfiddle.net/JpLaE/