For #1, the best approach short of changing the styles and markup to be more cross browser, is to learn how to and to use IE version specific conditional comments to enable supplemental styles and/or stylesheets for IE.
For IE 7, the most straightforward use would be something like:
Code:
<style type="text/css">
.container {
color:red;
background-color:#f5f5f5;
width:31px;
}
</style>
<!--[if gte IE 7]>
<style type="text/css">
.container {
width:29px;
}
</style>
<![endif]-->
The green part is seen as a comment to all browsers except IE 7 and any later IE versions (there are none yet). So IE 7 will still use the color and background-color, but changes the width to 29px.
For #2, we really could use more information. Which styles aren't working. How does their not working effect the look of the page? How do you want it to look that it doesn't?
Bookmarks