Left Float Metadata vs. Userpics

[jackie]

I'm installing a new layout at my journal, bubbly, and it's giving me a bit of trouble.

Issue #1:
I would like my links (links, mem, edit, tags) to look like this:


[CLICK TO ENLARGE]

However, when I add this bit of CSS my userpics get shoved over to the middle (it looks like the userpic moves to where the links end, and it's not on all of them, just on some).
.leftlinks {
float: left;
position: relative;
margin-left: 5px;
}


[CLICK TO ENLARGE]

I tried adding a minimum height requirement for my entries, messed with the padding and margins on things and I'm coming up blank. Any suggestions? SOLVED...by myself. :3 My text was too big and it was messing with something. I changed it from 20 px to 12 and it seems to have solved the problem!

Issue #2: My tags and archive pages have transparent backgrounds. How would I add a background color to those pages while maintaining the integrity of the rest of my layout? Would that even be possible? SOLVED. Thanks moony_blues!

Issue #3: The date and time are set to "display: none", rendering them...not displayed. How would I put them under the subject? I changed my layout again, so this is no longer an issue for me.

-Theme layer + css.
-bubbly
-Permanent account.

Thank you so much to anyone who can help!