IE6 Float issue.

Div floating correctly in FF but not IE.

[BrownFreelance]

I am stumped on this issue. I have a div that displays when you click on a link (like an in-page pop up window) that has a form for sending the page to a friend. This link is located in the top right corner of the content section just under the advertisement. I want the div to display directly under the text "Send this page to a friend". This works perfectly in FF but not in IE.

For a live example visit the following url in both FF and IE and click on the "send this page to a friend" link.

Any help would be greatly appreciated.

Here is the css style for that div and the page Doctype;

#send_to_friend {
background-color: #f9f9f9;
border: 1px solid #9c9c9c;
width: 25em;
float: right;
padding: 0.5em;
position: relative;
*position: absolute;
z-index: 10000;
text-align: left;
}

Doctype = html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

[edited by: jatar_k at 3:57 am (utc) on Aug. 14, 2007]
[edit reason] no urls thanks [/edit]

[bluesmandeluxe]

The markup is a mess (tag soup).

Go to the w3c validator and fix your code (over 700 errors!)

validator.w3.org

Once you fix the markup level errors, you have a chance at fixing any specific layout issues ... until then, anything goes.