css 1px problem in IE6

IE6 is 1 pixel out  on this page

http://ayaya-net.com/      // Then click on this image link in the top right
http://img.shop-pro.jp/tmpl_img/19/headermenu_inq.gif

to get taken to
https://secure.shop-pro.jp/?mode=inq&shop_id=PA01020046

sorry i cant link directly there but the CMS system doesnt allow it.

IE6 in full screen mode is placing the background of the bottom graphic 1 px to the right.  This is the "copyright" class.  I cant figure out why.  

I cant touch the html on this page only the css.  Another FEATURE of the CMS. :(

could sombody help me isolate the CSS that is causing this outage in ie6 please

really frustrating. firefox looks fine.
LVL 1
ussherAsked:
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.

 
brunoguimaraesCommented:
Hi! There is a little trick you can do, so the CSS gets processed only by IE6.

Leave your copyright class as it is, and create another copyright class below the original one, but like this:

* html .copyright{
height: 100px;
background:transparent url(http://img06.shop-pro.jp/PA01020/046/etc/wrapper_footer_cart.gif) no-repeat;
background-position:center bottom;
padding:0px;
margin:0px;
border:0px;
background-width:604px;
}

This * html is only recognized by IE6 and below versions. You can then change the values for margin, border, or whatever you need to do to make the background right. It will NOT affect Firefox, IE7, etc. So you have nothing to worry!
0

Experts Exchange Solution brought to you by ConnectWise

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
 
ussherAuthor Commented:
Hi,

Thanks for the hint, but the problem is i dont know what to change.  notice the background-width tag that i put in..... there is no such tag.  just trying to get rid of whatever it is that is causing that space in ie6

I just cant figure out why that $#%#@ browser does everything differently...

in firefox i use firebug to instantly tell me what needs changing but in IE6 i just have to guess at everything.  I have exhauseted my limited guesses.  I have no idea why it is moving 1 px.  and only when the screen is at fullscreen display.



0
 
ussherAuthor Commented:
thanks brunoguimaraes,

* html .copyright{
height: 100px;
background:transparent url(http://img06.shop-pro.jp/PA01020/046/etc/wrapper_footer_cart.gif) no-repeat;
background-position:center bottom;
padding:0px;
margin-left:-1px;
border:0px;
}

i did a minus 1 on the margin and that got it.  thanks very much for your help
0
 
brunoguimaraesCommented:
No problem! Glad I could help you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.