css is off

[lesley]

Hello,

 

i am looking for some help. I havent changeed any of my code - but for some reason today my website is not rendering correctly in IE, it looks fine in Safari. the domain is tica.org. when you look at the page in IE, there is some text at the top that is appearing lower than it should, so is the search box. Anyway i try to correct it - it affects how the website renders in Safari and other browsers. So i am not sure what to do, any suggestions?

 

Thanks,

Lesley

[virtual]

The site is emulating IE7 and you already have conditional comments for IE in the header section. You can add to these to target the problem you are having and it will only affect IE. However as you have a lot of pages in your site it might be a good idea to group all the IE css into one specific style sheet and link to it using a conditional comment and place the link under the link to your main style sheet.

 

Read this http://css-tricks.com/how-to-create-an-ie-only-stylesheet/ or Google for more info.

[lesley]

Thank you for the response.

 

I have added IE statements for now. I am still not sure why things just changed on their own. Anyway, i am just have one more problem. the text on my homepage "welcome to tica" is being cut off by part of the image and i am not sure why.

 

Any suggestions?

 

 

Thanks,

Lesley

[Andrea]

Your search box in IE is too wide because of

<!--[if IE]>
<style type="text/css">

#search {
float: right;
width: 195px;

and I would guess that the "Welcome to Tica" is cut off in IE because of

<!--[if IE]>
<style type="text/css">

}
#home h3 {
margin-top: -9px;
}
#sea