Let me start with a confession: UI is not my strongest skill. Actually I survived for 15 years in the software industry without having to touch any html (jsp in my case).  Of course, that all changed with our blog. In my attempt to move the blog from Joomla to WP, I customized the WP template to match our Joomla design. Everything looks good. Except, well for the white space that appears whenever it feels like it. You can see the whitespace problem here. Needless to say, IE and Fire fox don’t behave the same way. Something I feel IE is to blame for. But you will notice that some of our posts will have a large white space in them. The only common factor where this happens is I use the html element blockquote. The css for it is defined as follows:

blockquote {
background:transparent url(http://www.invesp.com/site/v1/images/blockquote-invesp.png) no-repeat scroll left 0%;
clear:left;
font-family:Georgia,Times,serif;
font-size:1.1em;
font-style:italic;
line-height:1.75em;
margin:15pt 40px 15px;
min-height:35px;
padding:15px 0pt 15px 70px;
}

So, if you have any suggestions on how to fix this, please share them with us. Or bare with me as I try to figure out how to fix the problem.

An update: Yannis helped solve this issue on the Cre8asite Forums. Thanks A lot! The problem was with “clear:left” element in the css. I removed that and the problem is gone