[pnj]

a simple html page with some basic tables and this

 <div style="{position: absolute; left:725px; top: 0px; width: 276px;z-index:1;}"> 
<img src="images/rightquote.jpg" width="277" height="266" border="0"/>
</div>

in IE the 'rightquote.jpg' image shows up just fine.

in Foxfire, the image shows up at the top and the rest of the page content is pushed down 266 pixels. (the height of the image)

whats the dealy oh?

 

[Transcend]

http://www.w3schools.com/css/default.asp

Position absolute will cause all sorts of odd behaviour when switching from one browser to the other. Also, it is probably inheriting a property from another div which is what is really messing with it. Hard to tell with only the short snippet you posted.

 

[pnj]

that is the only div on that page.

 

[riderx]

Never assume that the way a page appears in IE is correct. In fact, the opposite is usually true.

 

[jacksonpt]

It must have something to do with the other code on the page. I put that snippet of code on a page by itself (with a bit of text to see the problem in action) and nothing happened, the text displayed just fine.

 

[pnj]

Never assume that the way a page appears in IE is correct. In fact, the opposite is usually true.

IE for life! :nuts:

the page is very basic. one table that is 800 or so pixels wide. the div tag sits on the right and is supposed to keep the image hidden unless the user has a larger screen resolution.

 

[Arm On Fire]

As much as I hate IE, it is used by about 98.5% of the web surfers.

I made a cool layout(heavy css) for my local chapter of a mtb advocacy group, and had been looking at it in Firefox, only to check it in IE when I was done, boy was I pissed. It looked all fuggered up compared to what it looked like in Firefox.

Lesson learned.

~dan