So I was having issues with one of my anchor links working. I had it linked to , and it wasn't showing up when I clicked it. I realized it was because I had column 2 as display:none. So I fixed that. Well, now I can't click inside any of my anchors. None of the links work, I can't use the comment box.

If I change column 2 back to {display:none}, everything works fine again... but that's not what I want.

Why is it doing this? And how do I fix it?

[edit] oh profile is currently up

So the reason display:none does what you want is because you're layering html elements on top of each other. All of your content is in column 1, which gets placed underneath column 2.

One way to fix this is to set the z-index of the columns so that column 1 is above column 2 (aka has a higher z-index). So if you set the z-index on to 2, and to 1, column 2 will be above column 1. One other caveat is will need position:relative in order for z-index to have effect.

That should do the trick.

ah I didn't get this until after I found a fix for it. Everything seems to be working fine now, but only in Chrome. I'm having the same issue where none of my links are clickable, but only in FF and Safari. >.> So I have no idea what the issue could be (unless it's just my computer)

The profile should now be up on

So the problem with the link is a combination of a few problems. Firstly, the position:absolute in combo with right:0 and margin-left:360px is moving the box all the way off the screen. Secondly, once that gets moved back into position, the same layering problem is happening again. You'll need to remove the size restrictions on , alter the positioning of to not use bottom or right, and then set the z-index on to lower than .

As for the buttons thing, that's how I've always done it and have never had this issue before ().

I ended up finding a fix for it, but thank you for your help!