Member Avatar for T4gal

Hello,

I've got a simple page with some images floated to the right of some text. The images are above the text in the html, and everything works fine in every browser but ie7. In ie7 the images stay on top and the text is pushed below.

I've looked on google but can't find any solutions, or even anyone else who has had the problem of the floated content staying above the rest.

Here is the page with the issue:
http://www.berrycreekvet.com/equine-services.php

How can I fix this? Any help is greatly appreciated.

Thanks in advance.

try this in your css

.img-right {
    float: right;
    clear: both;
    margin: 10px 20px 10px 10px;
}
Member Avatar for T4gal

Tried that just now, but it doesn't change anything. The problem is still there.

Member Avatar for T4gal

I figured out what the problem was, for anyone else who might be having this same problem.

It was because I had my headers and paragraphs set to width:95%. I fixed this by removing the width and instead using padding:0 3%

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.