Home image is not sitting correctly in IE7?

Hi,
If you go to this site here in ie7 http://ajitgems.com/upgrade

the padding and margins for the main image are not applying and its sitting so wrong.

Can someone help me position this so it sits in the square for IE7
LVL 11
Amanda WatsonWeb DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

remorinaCommented:
Hi snowball77,
The template and CSS are a bit of a mess and very difficult to track, however try to do the following and see if it fixes it

Remove the <div class="box1top"></div> from the html, if this was not possible, then update its class to be display:none as attached below.

Get rid of the CSS classes .left and #border

Finally update the .box1int class as below

.box1int{
border:none;
background-image: none;
width:980px;
float:left;
margin-top:-2px;
margin-left:-0.2em;
}

.box1top {
display:none;
}

.left {}

#border {}

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
FDMilwaukeeCommented:
JFO,

again...

See my article regarding IE conditional comments.

http://www.experts-exchange.com/articles/Web_Development/Web_Languages-Standards/HTML/Conditional-Statements-for-IE-Internet-Explorer.html?sfQueryTermInfo=1+30+comment+condit

Return your css to its original state.

then apply paddings and margin so it looks right.

Hope that helps!

FDM
0
Amanda WatsonWeb DeveloperAuthor Commented:
Thanks as always Remorina

Can you help with the three bottom boxes aswell?  There is a strange white box extending out of them?
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

Amanda WatsonWeb DeveloperAuthor Commented:
I fixed the bottom modules by removing some extra rogue code that was sitting there!

0
remorinaCommented:
Hi Snowball,
I would love to help you out with all your questions but the main problem is that most of them require massive analysis to get where the cause is and they're not simple issues.

Also it's very hard to fix these issues remotely without having access to the actual code and css

I'll try to take a look tonight when I get some more free time and see if I can help with these

Cheers
0
Amanda WatsonWeb DeveloperAuthor Commented:
You have been brilliant so far Remorina
Thank you for your time and expertise you are a very valuable member of this community
0
remorinaCommented:
Thanks for your compliments snowball
It really helps to know that the time you spend answering the questions really makes a difference with some people, especially that I usually try to actually fix the problem

0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.