html - Background Image not showing where negative top-margin set in Firefox -


i have scrolling image section (the images background images not ing tags) uses top-margin: -28px; move below portion of header on site i'm making. it's displaying on safari, chrome etc on firefox top 28px of image not displaying.

any ideas why? have no idea , it's driving me nuts.

the site here http://www.chelt.org.uk

your negative margin applied children <div> tags of #slides.

since have overflow: hidden; applied #slides, portion pushed outside of #slides div hidden.

the solution:

  1. remove margin-top #feature

  2. add top: -28px; #slides

i should point out assigning id of #feature of slides not valid. ids need unique, meaning cannot have more 1 of same id. should make #feature-1, #feature-2.... if must assign id slides.


Comments

Popular posts from this blog

android - Why am I getting the message 'Youractivity.java is not an activity subclass or alias' -

python - How do I create a list index that loops through integers in another list -

c# - “System.Security.Cryptography.CryptographicException: Keyset does not exist” when reading private key from remote machine -