Image bleeding outside branding

[italo 0]

Hi! Any way to make the drawbridge's lower left corner (that's currently cut out) here to seem "coming out" of branding, i.e. "floating" over bkg or primary-nav? :-)

[timlinson 3]

Not sure I'm seeing the same thing you are. The drawbridge doesn't bleed over for me: http://imgur.com/KR2vj

[italoprofeti 0]

Sorry late answer due to time zone. Exactly :-) Now the lower left corner of the drawbridge is not visible because it's been cut off by branding's lower margin. I'm wondering whether it would be any way to have a picture in branding that continues "floating" out of branding's margins? :-)

[Kate 3]

Since the drawbridge is part of one background image, you could set it to be the background image for the #header div. Then just play around with the background settings of the other divs. (That's just off the top of my head... not sure it will actually work

[italo 0]

Tried that now. Nice trick to play around with parts of background img! Problem for me is that whichever background I use for the img itself, it will appear together with the drawbridge that stands on it. This means that the drawbridge itself will not float over another element like primary-nav, but will simply get interrupted visually by borders??¦

[catrina 103]

That's true. Have you considered just taking out the bottom border that's overlapping on the drawbridge image?

[italo 0]

I got it! 1) I used a png-24 file type as bkg img in branding in order to preserve transparency. 2) I gave primary-nav a lower z-index than branding so that it could show under branding. Taking out bottom border leaves bottom rounded corners anyway, like two nails at the bottom of side borders. Ugly. I chose not to use borders at all in branding. not exactly the original idea, but topic resolved anyway!