Right floated div appears differently in IE vs FF 1

[mkrausnick]

The page is

http://www.st-raymond-dublin.org/testfloat.html.

In FF and Opera, the "Quick Jump" dropdown appears on the right edge of the page, which is what I want. In IE, the dropdown appears directly to the right of "HOME".

How do I get IE to display the dropdown on the right edge of the screen?

Thanks,

Mike Krausnick
Dublin, California

 

[traingamer]

Add this to your stylesheet

 #navForm {
width: 300px;
 border: 3px solid red;    
}

I'm guessing that IE is allowing the width of the form to fill the available area. I don't know why. A paragraph or other tag floats like you'd expect; I've not tried floating a form in this manner.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[mkrausnick]

Good guess! I was able to correct the problem (more or less) by adding a width to the quickjump class.

That's worth a star! Thanks.

Mike Krausnick
Dublin, California