There are some pretty crazy browser-specific CSS hacks floating around in the world, but the solution reached in this thread is much better—just make the CSS work the best you can to fit your needs.

This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

This is an automated message.

.post-edit-link {
    bottom: 1em;
    position: absolute;
    right: 12em;
}

I've got another unimportant issue that's related: The "Leave a comment" link now overlaps the post-edit link. Since that's just the behind-the-scenes for my eyes only, I'm not concerned about visitors seeing it, but since I'm learning CSS, my curiosity wants to figure it out.

.hentry {
    margin: 0 0 2em;
    position: relative;
}
div.sharedaddy {
    bottom: 0;
    left: -1.2em;
    margin-right: 0;
    position: absolute;
    width: 50%;
}
.comments-link {
    bottom: 1em;
    margin-right: 0;
    position: absolute;
    right: 0;
}
footer.entry-meta {
    padding-top: 0;
}

I'll tag this for staff attention and hopefully someone on the theme team, or Team Custom will see it and perhaps staff can adjust the HTML markup of the theme so that this isn't an issue, or perhaps one of them will have a fix for it.

Thanks for taking a look at this.

http://minimograph.files.wordpress.com/2013/04/screen-shot-2013-04-25-at-4-55-39-pm.png

As you can see, the social media icons are far higher on Firefox than they are on Chrome/Safari. I want them inline with "Leave a comment" like it appears on Chrome/Safari.

Does your Firefox show it like my Firefox? Or is your Firefox like my Chrome/Safari preview?

In Firefox, this works:

div.sharedaddy {<br /> position: relative;<br /> left: -1.2em;<br /> bottom: -1.1em;<br /> margin-right: 0;<br /> width: 50%;<br /> }

In Chrome & Safari, this works:

div.sharedaddy {<br /> position: relative;<br /> left: -1.2em;<br /> bottom: -.1em;<br /> margin-right: 0;<br /> width: 50%;<br /> }

It's just the bottom property, with 1em of difference.

Is there not a way in CSS to say, if Firefox, read this, and if Chrome, read this?

Also, I apologize to Firefox for slandering its good name. By "correct" I should have said "the way I want it to look." All jokes aside—I wasn't aware of the parent divs, so thanks for that.

I tested your code in Chrome and Firefox, with similar results. Both drop the social media icons and comments link to beneath the black bar.

This is with the code exactly as above:
http://minimograph.files.wordpress.com/2013/04/screen-shot-2013-04-25-at-3-30-08-pm.png?w=738

Fiddling around a little, I could get the social media icons to align horizontally, but they were below the black bar and not aligned with the comments link.

Again, thanks so much for your help on this, and thanks for dealing with a newb. Is there anyway to do browser-specific CSS? If I edit for Firefox, I can get it to do what I want, but that obviously changes the other browsers.

If you are talking about getting the comments link to align to the right of the social icons, those two things are in different parent divs. The social icons are in the .entry-content div and the leave a comment stuff is in the .entry-meta div. This isn't an issue with Firefox. Firefox is actually reading and displaying things as they should be. It is the other browsers that are actually sloughing and not rendering truthfully. At least that is my opinion. :)

The following is sort of a "hack" but it gets the job done I think. Make sure and check a few different posts to make sure this works.

div.sharedaddy {
bottom: 0;
position: absolute;
}

.hentry {
padding-bottom: 80px;
position: relative;
}

.hentry .entry-meta {
position: relative;
right: 0;
top: 65px;
}

Jordan

Thanks so much for the help!

The blog I need help with is minimograph.com.