I am using a bartik theme and have got a couple of blocks in the footer. One floated to the left, and another to the right. I want them to be aligned so they are top aligned.
The following code makes the blocks display perfectly in IE, but in FF block-5 is not displayed inline with block-3, instead it is pushed down, for the height of block-3.
#block-block-3 {
float: left;
}
#block-block-5 {
float: right;
}
The following code however, positions the blocks perfectly in FF, but in IE it adds around 750px of horizontal white spage under the (default dark grey Bartik) footer.
#block-block-3 {
float: left;
position: absolute;
}
#block-block-5 {
float: right;
}
What am I doing wrong? How do I get the two blocks to display correctly in both browsers without introducing the extra scrolling and white space under the footer in ie8?
This is the html from source code, for the footer.