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

SVG stroke-linecap doesn't work for circles in Firefox? -

routes - Laravel 4 Wildcard Routing to Different Controllers -

cross browser - XSLT namespace-alias Not Working in Firefox or Chrome -