Fixed background problem in Brittle

[elleth]

I'm currently in the process of customizing my journal, but ran into a problem on the way, but I know the grand total of nothing about CSS and am not even certain what caused it.

I am using this bit of code for a fixed background image, and while the image itself is fixed, my page continues to scroll, with a bit of no background image between navigation strip and page, as well as to the right side of the screen, and this driving me nuts. Since, when I scroll to the side, it is the entry content that is moving, could the problem be caused by the entry module width, or is it a background image issue? And more importantly, can this be fixed?

(The layout looks fine in Google Chrome, the problem appeared in Firefox.)

SOLVED: Secondly, Brittle forces the icon size to 70px with a 5px border. Is there a way to remove the border and display the icons in their original size?

Thanks so much in advance!

Comments

[cesy]

Try adding the following to the custom CSS:

html body {padding-top: 0;} 
div.entry div.userpic img {border: none; height: 100px; width: 100px;}

That will force the icons to be 100x100, so will look weird for any icons that aren't square, but does most of what you asked.

[elleth]

Thank you, that worked perfectly! :)

ETA: This only works for the icons on my reading and journal pages. Is there a way to set these for custom comment pages as well?

[cesy]

Try adding this as well:

div.comment div.userpic img {border: none; height: 100px; width: 100px;}

If you also want to take it off the "Profile" module at the bottom of each page, add this:

.module-userprofile .userpic img {border: none;}

[elleth]

Again, thank you so much! :)