CSS issue in IE 7 and Google Chrome

Hello Experts,

here is my site link. there is a paging in the page which has sort, previous page numbers and next

it renders fine firefox, IE8 and safari but for some reason in IE7 and Chrome, the next button is always lower then the rest and there is huge gap between the page number and the next button.

Can someone please let me where i am making a mistake

link is : http://new.tartanandclan.com/category/Scarves.html

thanks and appreciate it
LVL 2
niceoneishereAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
mars-vieConnect With a Mentor Commented:
Hello!

Change the following 2 lines in your tartanstyle.css

line no 1316 --> add float:left;
#pager .pagenumbers .nums {float:left; display:inline;}

line no 1342 --> change float to right
#pager .nextbutton {float:left; padding-left:5px;}


Regards,
MARS-VIE

0
 
niceoneishereAuthor Commented:
Thanks it works, I noticed why my CSS was not working becos I was declaring the class as num instead of nums.

thanks appreciate it
0
 
niceoneishereAuthor Commented:
thanks
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.