Element alignment difference between Chrome, and FF and IE

HTML & CSS
1

Hi,

On this page:
http://cherryblossomflorists.com/draft/v2/

The text “Florist in Bebington” appears underneath the “Cherry Blossom” image in the top-left of the screen, when viewed on WinXP and Chrome v22, which is how I want the page to display.

However, when I view the same page in IE 8 and Firefox 15, the “Florist in Bebington” text appears at the top-left of the screen, pushing the logo image below and to the right.

I can’t work out why though, and I wondered if someone would happen to have the time to see what might be causing the problem please?

This screenshot demonstrates the issue:
http://cherryblossomflorists.com/draft/v2/screenshots.PNG

Any advice much appreciated.

Thank you

2

Hi,

You have a div with float: left; around the “Florist…” text, try removing the float.

3

Thank you - fixed :slight_smile:

Thanks for your help