It is still split up. An inch of white space.
I went into KUBRICK, OMG… thats a tough CSS to be messing around with.
First off I deleted the internal CSS in the header.php
I went back into the stylesheet, and with no luck with the Structure CSS of Header and so forth, I manipulated the Typography part. WHY oh WHY is this CSS split so heavily.
Anyways:
I changed this
#header {
background-image: url(images/global2.gif);
background-repeat: no-repeat;
background-position: center center;
background-color: #CCCCCC;
}
and this
body {
font-size: 62.5%;
font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
background-color: #d5d6d7;
color: #333;
text-align: center;
background-image: url(images/global.gif);
background-repeat: no-repeat;
}
I also made the two graphics Slightly Kilter of one another. Messed around with the placement in Photoshop until I liked what I came up with. Now this is a Complete overlay. Looks like I took a marker and drew off the blog. No broken images because, quite frankly I left no white space for that to happen.
I print-screened and here is an image to show you.
https://swatchnot.hender-son-s.com/blog/wp-content/themes/nobreaks/images/screenshot.gif
Now to you original first post. You were soooooo close!
My idea of the overlay div did not work….
But deleting that internal CSS in the header.php did!
Kubrick is so tightly KNIT up (excuse the lingo) Its hard to add new features to it. But I am going to tinker some more ??