On our site you see the wishlist text in the header and in particular the heart shape? Well the heart is slightly cut off in IE8 and not sure why? Also on this [URL=“http://marcb.websitestaging.co.uk/news-press”]page see the arrows at the bottom? The left arrow isn’t displaying for some reason.
And finally on this page the table in FF and Chrome looks fine but in IE it’s not applying the <tr style="height: 40px; that I added.
Any help would be much appreciated
Hi,
First page, the <li>'s just aren’t a big enough height.
You can set some padding on the <li> to create that padding.
I had to use !important here because the JS (probably) is overridding whatever padding I set
.header #top-links li{padding-bottom:5px!important;padding-top:5px!important;}
2nd page. What browser? IE8/FF are displaying them
3rd page, I have to go to work now but the <img> on the right is whta is causing the issues probably. Take that out of hte table and place it there (either by float or by absolute position)
Thanks a lot they all worked. For the arrows it’s IE7 and IE8, the right arrow is showing a ‘x’ symbol but the left arrow is working.
Still can’t figure out why right arrow on page is showing a cross icon?
Ah ok
In IE when images aren’t showing the red X appears.
The <img> inside of the anchors for the next button is a 404 and thus the red X appears. You can remove the image (I don’t even know why you have it? CSS off?)
.nextPage img{display:none;}