Gallery image is too wide in IE

The page I have here:
http://www.burningtree.com/philosophy/tour/

looks fin in FF but in ie the third column is wider in IE.

How can I fix this?
LVL 3
jbrashear72Asked:
Who is Participating?
 
JF0Connect With a Mentor Commented:
Ok. Try this...
In this file: http://www.burningtree.com/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0
find this block:
.ngg-gallery-thumbnail-box {
    float: left;
}

and change to

.ngg-gallery-thumbnail-box {
    float: left;
width:215px !important
}
0
 
JF0Commented:
For your images instead of using width:33% try using width:215px
0
 
JF0Commented:
Sorry that should be on your divs not the images.

<div id="ngg-image-70" class="ngg-gallery-thumbnail-box" style="width:33%;">
0
The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

 
jbrashear72Author Commented:
That is getting generated by Next Gen Gallery in wordpress.  I am sorta lost on what you are saying to do.
0
 
jbrashear72Author Commented:
I added taht to the file still the same..
0
 
jbrashear72Author Commented:
I added it to this part:
.ngg-gallery-thumbnail img {
      background-color:#FFFFFF;
      border:1px solid #A9A9A9;
      display:block;  
      margin:4px 0px 4px 5px;
      padding:4px;
      position:relative;
      width:215px !important;
}
0
 
jbrashear72Author Commented:
see the next few comments by me.
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.