Hello,

I am building a wordpress theme, and am very close to being finish, with the exception of a few small problems.

You can visit the site here: http://newwebbusiness.info/test_wp2/

You will notice in the top navigation, the links are positioned at the top in ie6 but are perfect in firefox.

Also in the footer, the content is aligned perfectly in firefox, however in ie6, it is positioned too far to the right.

I tried to use a browser detect comment:

<!--[if IE 6]>

<style type="text/css">
@import url("http://newwebbusiness.info/test_wp2/wp-content/themes/LawnCare/styles/ifie.css");
</style>

<![endif]-->

The ifie.css file contains the adjusted id (footer_content) - but for some reason, it will not execute unless I remove the main style.css file.

Can someone please provide me with some solution, this is driving me crazy :-)

First of all nice template!

Try:

<!--[if lt IE 7]>
<style type="text/css">
@import '../wp-content/themes/LawnCare/styles/ifie.css';
</style>
<![endif]-->

this method workes for me....

Unless you want the dreaded "Flash of Unstyled Content" (FOUC), you might want to avoid the @import and just link directly to the css file.

for some reason this is still not working. I can not seem to get ie to detect the alternative stylesheet, unless I disable the original.