CSS Mozilla Vs IE 7.0

[Mehok]

I have made a site using div's and css now i have 2 problems

1. the site is not the same in boath browsers it looks good in IE 7 but when I open it in Mozilla Firefox its a little different

2. some of the styling is not working at all and i would like to get it sorted

my website URL is http://www.mehokahrimanovic.com
and the stylesheat is in /css/_main.css

[jscheuer1]

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 (http://msdn2.microsoft.com/en-us/library/ms537512.aspx) to enable supplemental styles and/or stylesheets for IE.

For IE 7, the most straightforward use would be something like:


<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?

[Mehok]

Well for eg if you look on www.mehokahrimanovic.com/contact.htm with firefox the styling i have given it in the html file it self it does not take up the bg i have made for it and the buttons look not cool and the consistency between the content area in the middle with one on the mozilla is not the same

i would take a screen shot but too busy trying to figure it out my self any help would be grate