issues with IE -vs- FF, chrome and safari:

Need help with a few issues if anyone is good with these things. I’ve got 2 pending issues I found this morning when I tried the site in IE at work.

The first is the next post blurb when in single post view shows up to the right of the image instead of under it? Any remedy there?

The second is the spacing for the single image in a post or on a page -vs- where the images all site on the “home” page of the photo blog version. If you check the demo page, a single post view has the image sitting roughly 35 pixels lower than it does in the home view in FF, chrome and safari. The same happens when you make a page with an image in it. But if you go to IE, the images line up for all pages?

now, I’ve found a walkaround for this, but it messes up the spacing in IE… You add “margin-top:-35px;” to these 2 lines:
‘.single .post .full-photo, .single .attachment .full-photo {margin: 0;margin-top:-35px;background:transparent;vertical-align:top;}’

‘.page .page {background:transparent;width:800px;height:inherit;clear:both;float:none;margin-bottom:3em;margin-top:-35px;}’

but if you do that and go back to the page in IE the pic then covers the parts of the header making it impossible to get to all your links.

anyone know how to make the images on the home page match where they line up on both the single post view and the page view in all browsers? I know it’s pretty minor, but I don’t like the white space above the pics on the posts/pages. The biggest issue is when you view a page with a slideshow, there’s 35 wasted pixels in there and I know some of my viewers have small screens.

Thanks!

if you’d like to see my site using autofocus, check it out here:
gear.benjacobsen.com. That site is basically a filler blog I use to trial things like this. I’d like to migrate this theme over to my 2 other blogs ASAP but I don’t want to be editing the theme three times over….