Solved : needed to float the #primary div, plus a great deal of other major changes towards the structure. However the coup-p-gras was the float.

The website under consideration could be seen at http://thepremium.ca/amodestblog

Issue is I want the #primary div to possess a visible overflow to be able to show the date divs which are -situated left, outdoors the visible div.

Basically set the overflow (that is presently hidden) I lose my background color since the div reduces lower to around 20px tall. 100% does not work.

I tracked it to an issue with the #wrapper div also is not implementing towards the 100% height so it is designated, which is not making lots of sense since the #wrapper-background div it's inside is implementing the entire height from the browser, together with and

Hopefully someone can develop a strategy to that one. Please see the source on the website itself, I have got a lot of different css files (using wordpress thematic theme) to place all of the different css in here.

It's a little of the hack, however, you could alter the ribbon-front div to fixed position after which use left and the top to the squeeze div in which you need it.

.dateRibbon .ribbon-front {
  background-color: #84C036;
  height: 55px;
  position: fixed;
  width: 71px;
  z-index: 2;
  top: 50;   // You'd have to work out what the exact values should be.
  left: 70; 
}

Otherwise I'd restructure the page to guarantee the date ribbon wasn't a young child from the #primary div.