Hello to all,

We have a site in development, updating the markup of a site that's been around for years. I'm having an IE8 (possibly other IE's) float issue on a page with cold fusion for booking airport transfers.
url: http://dev.locogringo.com/transfers/transfers.cfm

I'm floating a column right:
#sidebarRtWide {
width: 220px;
float: right;
padding: 0 5px 5px 20px;
margin: 1px 10px;
border-left: 1px dotted #d5d5d5;
clear: none;
text-align: center;
font-size: 80%;
}

And a gray box container using Nifty Corners is being bumped down for some reason.
.tranfers_box {
line-height:2.4em;
text-align: center;
margin-right: 300px;
padding: 20px;
background-color: #dddddd;
}
.tranfers_box dl dt {
color: blue;
}

The problem does not happen in FF, Safari or Chrome.

Thoughts on correcting this?

Thank you!

Are you running IE8 in compatibility mode ? If so, then it's emulating IE7.

I would suggest you try reducing the padding because it does ADD to the size of the 220px box.

thank you for your prompt response LadynRed. I reduced the size of #sidebarRtWide to 165px as a test, and the padding (now all restored) and no change. I'm not concerned with my compatibility modes much as our general IE users seeing the page as they would in FF, Safari or Chrome.

Any other thoughts?

Thank you.

I think I have the same issue. It is a problem with IE8 when it is NOT running in compatibility mode. It seems as if IE8 is ignoring "clear:none" but IE6 and IE7 are fine.

And, why do you need clear: none ?? IE8, if NOT running in compatibility mode, is standards compliant (mostly) and should render very similar to Firefox. So, I'd question what else is in your code and what you're trying to do.

Lggary - the clear:none on your floated right sidebar is ineffective and not even necessary. I suspect your problem is more because you have the div stuck inside a TABLE. Why use divs at all if you're going to stuff them into a table layout ??

Looking at it in IE7, it's fine.