Need help debugging CSS

[smcr]

My website, http://www.capullo.com, has a vertical navigation menu on the left side of all pages. When clicking through the menu items to the different pages, the menu display has a continuity in display and position.

One page, http://www.capullo.com/costa-rica-fishing-photos/index.html has links to various sub-pages with photos. On the actual photo pages is a link back to the photo index page.

I’ve noticed that when clicking through to any of the photo pages, then back to the photo index page, there is a spacing change in the menu. It looks like a line height issue, but I can’t seem to see where the problem code is.

The style sheet URL is http://www.capullo.com/css/style.css. Thanks for any help in tracking this down.

[TheDoc]

It’s because when you go to a photo page, the ‘Photos’ in the sidebar becomes a link, and padding is added to it from line 106 of your stylesheet.

This should fix it:

.presentphoto {
padding: 0;
}

[smcr]

Thanks so much for the pointer, I think the problem is now resolved.

[Author]

Posts