I'm working on a pet profile for my dad.

His pet's name is Shaylynn, though I'm currently testing the code on my pet, Ae Cha.

It's a bit unorganized, but everything is spaced out and easy to read (Just the order is a bit wonky), if you go to look at the actual code.

I've got the scroll div out of the style tags and the correct dimensions... the overlay (Which I am using as a placeholder, anyways) is directly where it needs to be, however when you go to scroll down, the bar underneath it shows.

I've tried removing the overflow codes, I've tried layering on the z-index, I've fiddled with the values, and I've double-checked my semi-colons.

I may be doing something so obviously wrong, but I'm completely missing it.

Any help would be greatly appreciated ♥

are you talking about the smaller width scrollbar?

also you need to use the code to remove the sidebar, because for those of us who use it, it shows on the pet profile.

No, I meant the height scrollbar.

Whenever I try to align the overlay image with the actual bar (So that the overlay would be over the bar), the width one shows up. I could get rid of the width one, but that puts the height one too far over for the overlay.

The sidebar? Isn't that just , -right, , , , h2, a, {display:none;} Or is there a different one?

Please excuse me on coding and the like, I'm still quite new to it.

I think they meant the bookmarks (which are showing), in which case you just need to add to the list of selectors that are set to display:none

As for the scrollbar the div with the scrollbar overlay is currently in the same div as your text. You need to set a div for the text as well so that you can layer one over the other.

Thank you! I was wondering why it wasn't gone until I realized I had it in the wrong section of the code. @

YES! You have no idea how much this has been bugging me. Thank you so much! I'll just replace the placeholder overlay with the actual one and BAM.