IE8 heading alignment issue

please advise how, on this site, I get the "Hoboken Florist" heading within the red area to align all the way to left in IE8 just like it does in Firefox or Chrome.

thanks in advance.

 

For some reason, in IE, margin-left of "span" element inside "icons" div has margin-left 320px.

So you have to set style="margin-left:0px" to the span inside class "icons" div

Download and use the following tools to help you in designing...
* Firebug (for firefox)
* IE Developer Toolbar (for IE)
* Firebug Lite (for IE)

 

thanks a lot. that works. i wasnt aware there was a firebug for IE. what's weird is that margin-left does not appear in the code when i firebug it in Chrome or Firefox so I had no idea it was there.

 

on a somewhat related note (IE issues with this site), how come the title over the main slide (Event PLanning and Design) looks so fuzzy in IE???

 

Do you dynamically add the heading or dynamically change styles of that heading ? If so, that might be the reason.

Even in my blogger template generator, I have faced similar issues, where I use Javascript for changing the css. Upon loading 1 or 2 templates, the text becomes distorted slightly in IE.

Firebug Lite is a Javascript version of Firebug, and the script needs to be inserted into the page for it to work.

 

I don't know to be honest. I installed a theme that contained these features and this code. How do I check, and resolve?

 

Try setting, "background : #FFFFFF" to h2 with id "featured-title".

However this makes the background image clip off a little, so you have to position that heading properly so that it won't overlap the image.

 

that does seem to have worked. thank you!