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' -

Making Empty C++ Project: General exception (Exception from HRESULT:0x80131500) Visual Studio Community 2015 -

How to fix java warning for "The value of the local variable is not used " -