Hi, this bug is driving me nuts. I don't know why it happens. All I know is that it is not even consistent.

Here's a screenshot of the problem: http://www.argsoccertours.com/float-problem.jpg



And here's the code for that part:

<p>The bus will take you to your hotel, where you can leave your luggage and take a shower.</p>
  <p>This day we suggest the Buenos Aires City Tour. Discover one of the most amazing cities in the world. Buenos Aires is a thoroughly modern city with more than 400 years of history. Visit Florida street, one of the most surprising pedestrian streets in South America. You don't want to miss Palermo Soho, the trendiest neighborhood in Argentina, where you will find tourists from all over the Globe;<img src="images/caption10.jpg" alt="Caminito" width="300" height="300" class="floatright" /> visit Puerto Madero, the preferred area for luxury offices and restaurants; and also check out San Isidro, the most exclusive neighborhood in Buenos Aires.</p>
  <p>You will also get to see Argentina's historic buildings, the <em>Casa Rosada</em> (which means &quot;Pink House&quot; and is the President's office), the <em>Obelisco</em> (a huge tower with a lot of history), and some of the oldest, yet best mantained museums and theaters in the world.</p>
  <p>Finish the day with a short visit to Recoleta, the neighborhood of choice for expats in Buenos Aires to have a good time and eat at the best restaurants.</p>
  <h2>Thursday, March 4 - <span class="redsubtitle">Practice + Palermo Soho + Recoleta</span></h2>
  <p>Your team will have a practice in the morning. A complimentary transfer will be available for you and your Tour Manager will help you with any arrangements that you need.<img src="images/caption11.jpg" alt="Rugby practice" class="floatright" /></p>
  <p>In the afternoon you can have <em>Tapas</em> -a Spanish typical dish- in Palermo Soho, a place that is so cool you will never forget it.</p>

The CSS for floatright is:

.floatright {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

As you can see in the code, in both cases I insert the image the same way, but the first one looks OK and the second one doesn't. This happens on IE7 (not sure about other versions of IE), but for sure it doesn't happen on FF.

Anybody has any clue on what could cause this?

I think this is happening because you aren't clearing the float from the first image. I think the second image is trying to float next to the first image. You will need to clear the float from the first picture before you can float the second one. You may want to make a column for the images.

We really need to see ALL the code in order to straighten this out. However, I've not read of any float bugs in IE7. Like Angele said, you have to clear your floats.