πρόβλημα με "fixed" position - Διαπερνά την μπάρα του browser

[antonisid]

Καλησπέρα

θέλω ένα div να το κάνω sticky στην κορυφή του site.Εχω ορίσει λοιπόν στο css το div να χει τις εξής ιδιότητες

 

>
#nav { 
 top:0;
 left:0;
 width:100%;
 font-family:Arial,Helvetica,sans-serif;
 background: url(images/nav-bg.png) repeat-x top;
 position:fixed;
}

 

Το πρόβλημα είναι ότι διαπερνά το div την κάθετη μπάρα κύλισης του browser.Μου φαίνεται περίεργο,δε μου χει ξανασυμβεί κάτι τέτοιο.Δείτε το screenshot και θα καταλάβετε.

[macabre_sunsets]

Αν βάλεις "position: absolute;";

[antonisid]

Αν βάλω position:absolute δε μένει sticky , φυσικά το πρόβλημα με το μήκος και την μπάρα του browser λύνεται.

[_tasos]

Το scroll είναι το native του browser ή είναι από κάποιο script; Αν είναι το native, τότε είναι όντως περίεργο...

 

Και επίσης συμβαίνει με όλους τους browsers;

[antonisid]

Οχι δεν είναι κάποιου script , του Browser είναι και συμβαίνει σε όλους

[parsifal]

Fixed-position div covering scrollbar in Firefox & Safari

[antonisid]

Σ'ευχαριστώ,έπρεπε να βγάλω το overflow απο το body.