I'm having a issue with a footer in my page.
I have 2 divs - One with a black background, and other with a White background and a image (with transparent background) where the image is over 50% the black background and 50% over the White background.
To make this effect I create a style:
Then, The image goes -110px over the black background.
But, with this I have a 110px height of White background under the image now.
There is a way to cut this "extra" 110px out?
I tried many options, nothing happens.
(tried: min-height, max-height, height..)
I create a JSFIDDLE to explain better..
Its a simple html - and If you delete the style="position: relative; top: -110px" of container, the image will down and the footer will be perfect, ending at 2, 3 pixels of distance of the image.
but, with this style, the image goes up 110px over the black background, and now I have 110px of White space under...