Can’t Eliminate Extra Pixel

[siouxfan45]

See the problem here: [http://themeforward.com/demo2/](http://themeforward.com/demo2/ “http://themeforward.com/demo2/”)

On the bottom of #index (in black), directly under .pagination (the newer/older links in blue) there is an extra pixel. It appears #index has an extra pixel of space being added when .pagination is set inside it. I’m unsure how to eliminate this extra pixel and would appreciate any help.

#index {
float:left;
background:#000;
width:630px
}
.pagination {
padding:2em 0;
clear:both;
width:100%
}
.pagination a {
background:#3300FF;
padding:2em
}
#pagination .current { background:#DDD }

[chrisburton]

Try this:

.pagination {
padding: 5% 0;
}

[chrisburton]

Weird. It worked for me.

[chrisburton]

I tried adding overflow: hidden but that didn’t solve the issue. If you add 5.025%, it works.

[Author]

Posts