images positioning 'wrong' in IE6 for PC

[haroldofcardboard]

hello

i devd a site, all looks good in all browsers for mac and PC, except IE6 for PC.

i devd the site using html, javascript & external css

the issue occurs around the image based roll overs / menu on each page

on the index page, there is an image above the rollovers that is sitting too low and thus it is overlapping the rollovers

on the inner pages, there is also an image sitting too low, causing the same issue, and, there are 3 images just below the rollovers that are sitting too low, causing an unwanted gap.

i have tried many things and run through w3c validators, no luck.

help will be much appreciated.

here is are urls to see pages and source (i crrently have the site hanging off end of wifes site, as placeholder, until i upload at clients server when all is complete):

INDEX
http://allisonsmythe.com/-rgs/index.html

INDEX CSS
http://allisonsmythe.com/-rgs/index.css

INNER SAMPLE PAGE
http://allisonsmythe.com/-rgs/history.html

INNER PAGE CSS
http://allisonsmythe.com/-rgs/inner.css

this job is a freebie, urrrrrr.....

[angkana]

I saw css. You should put css hack for IE6

*html #in-hdr-3{top:-7px;}
 
*html #in-hdr-28{top:139px;}
 
*html #in-hdr-29{top:139px;}
 
*html #in-hdr-29036{top:139px;}

[haroldofcardboard]

ang

thank you, VERY MUCH, for taking the time to review my code. i shall give this a try, i assume you mean drop the script into my css exactly as you have it, i have never written that kinda script for css before, so its new to me.

also, one of the divs you refer gives me a clue, there could be an extraneous 'image' fighting for the same spot in the html page, i may try that 1st.

i will post back with results.

all the best

harold

[angkana]

You should not use lots of <div> and should learn more CSS basic


Best Regards,
Angkana Jivaphaiboolsak

[haroldofcardboard]

ang

the script you wrote wroked great, thank you so very much

i am curious why you say i should not use so many div tags, why not? is it causing probs?

if you were doing this page, waht tags would you be using?

thanks,
wayne

[drhowarddrfine]

Too many divs is called "divitis". If they serve no purpose, why use them? Additional elements only cause confusion and make debugging more difficult. Every element should have a specific purpose.

Sometimes someone will use a div to help with positioning of other elements but they forget that almost all elements can be positioned with CSS on their own.

[angkana]

Too many divs is called "divitis". If they serve no purpose, why use them? Additional elements only cause confusion and make debugging more difficult. Every element should have a specific purpose.

Sometimes someone will use a div to help with positioning of other elements but they forget that almost all elements can be positioned with CSS on their own.

^-^ someting like that

Best Regards,
Angkana Jivaphaiboolsak