[nassau]

i'm helping a friend with his website and it currently looks 100% perfect in safari/OSX. however, in IE on WinXP it looks... (drumroll) not quite as perfect.

well, i'm almost there, a few small things are left, but also a few big ones i just can't seem to fix. the biggest problem is the ipod pictures that won't "float" downwards over other fields directly below it. it's easier to understand if you see it live. compare the URL below on safari/OSX and IE/WinXP and you'll see the difference.

the other big problem is the shades in the bottom of the page, they don't "terminate". instead the keep going about 20px. again, easier to understand if you see it live

link: http://camo.biz/test/

if someone has any clues as how to make the CSS work in IE/WinXP and all the others, please let me know.

thanks

[20/20 Applications Tech]

As far as I can tell, the iPod image is doing exactly as you've instructed it to do with CSS. There are four elements that are at play here (of course there are others but they aren't as relevant):

Inside the "resource_DeviceItem" DIV I see:
- a DIV (id=top)
- a DIV (id=head)
- a DIV (id=select)
- a DIV (id=image)
- and last a DIV (id=bottom)

Your FIRST problem is that these divs are classified by their 'ID' attribute and there are many DIVs on the page which have the same 'ID'. 'ID's are supposed to be unique, so it would be better to change these ID attributes to 'CLASS' names. <div class="top">, class="head", class="select", etc.

Your SECOND problem is that all these elements float (except the 'resource_DeviceItem' DIV). This isn't a problem per say, but it means you have to be careful about how floating elements react when surrounded by other floating elements.

Frankly, I don't know how this looks in Safari (and I don't understand how it can possibly work in Safari considering the way these elements are currently floated).

I'd suggest you try:
1. ADD "text-align:right;" to the "top" DIV.
2. REMOVE "float:right;" from the "select" DIV.
3. REMOVE "float:right;" from the "image" DIV.

(At that point, your iPod image will be displayed directly under the "Select" buttons.)

3. Perhaps you'd want the iPod image to be centered? Change to "text-align:center;" in the "top" DIV.

This advice works in MSIE and FireFox.

Regarding your "mainBorderBottom" background...I'm not sure how it's supposed to look so I'm sorry that I can't give any advice in that regard.

Regards.
www.2020applications.com

[nassau]

thanks, i'll give it a shot! btw, the attatched file is what it's supposed to look like, and what it does look like in safari, firefox, netscape (OSX).