Index page links not working correctly in Chrome

Hi all,

My website works fine in Safari, but when I try Chrome all of the links on my 'Design' Index page lead to the same page. My other Index page (Illustration) has no problems. The url slugs are all correct, so I'm really lost. Please can someone help! I'm using the Flatiron template, site is http://www.krismiklos.com.

Thanks!

Kris

Update - I've identified this bit of code (which changes the 'Design' index page to one column) as part of the problem:

body#collection-513a8576e4b0df53688d1cf6 {
div#grid {
    height: auto !important;
}
  
#grid .item {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    top: unset !important;
    left: unset !important;
    transform: unset !important;
  }}

When I remove this, the links work again in Chrome. Any ideas why this would be affecting page direction? 

It seems that Chrome is interpreting the entire column of the index page as one link, rather than individual items in the grid. (Safari works fine). Now I'm really stuck!! If anyone has any ideas please let me know. Thanks!