My CSS Codes doesn't work on Firefox & Google Chrome but perfectly works on IE8 [closed]?

Up vote -1 down vote favorite share g+ share fb share tw.

Here's my CSS Codes. Actually I have 2 CSS Codes on my web form. And here's the code for Grass Stains.

CSS /* general page structure and layout */ body { font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#000000; margin:10px 0 0 0; padding:0 0 0 0; background:#eeeeee; text-align:center; } . Page_wrap { position:relative; width:780px; margin:0 auto; padding:0 0 0 0; text-align:center; background:#ffffff url(images/header. Png) no-repeat; border-left:1px solid #660000; border-right:1px solid #660000; border-top:1px solid #660000; } .

Header_text { position:relative; clear:none; width:770px; height:22px; margin:70px 0 20px 0; padding:0 0 0 0; background:transparent; color:#ffffff; text-align:left; } . Topnav { position:relative; clear:both; width:780px; height:21px; margin:0 0 0 0; padding:0 0 0 0; background:#cccccc; font-size:.8em; border-top:1px solid #660000; } . Container { position:relative; clear:both; width:760px; margin:10px 10px 0 10px; padding:0 0 0 0; background:#ffffff; color:#000000; text-align:left; } .

Container p { margin:5px 0 10px 0; padding:0 0 0 0; } . Box_right { position:relative; float:right; clear:both; width:200px; margin:0 0 5px 10px; padding:0 10px 0 10px; background:#CFD9BE; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.7em; } . Box_right p { margin:5px 5px; } .

Box_cnr_top { background:url(images/cnr_tr. Gif) no-repeat top right; margin:0 -10px 0 -10px; } . Box_cnr_bottom { background:url(images/cnr_br.

Gif) no-repeat top right; margin:0 -10px 0 -10px; } img. Cnr { width:8px; height:8px; border:none; display: block! Important; } .

Footer { position:relative; clear:both; width:780px; height:50px; margin:30px 0 0 0; padding:4px 0 4px 0; background:#ffffff url() bottom no-repeat; font-size:.8em; text-align:center; border-bottom:1px solid #660000; } /* top navigation bar */ #nav ul{ padding:0 0 0 0; margin:0 0 0 0; white-space: nowrap; font-size:1.1em; color:#ffffff; float:left; width:100%; background:#ffffff url(images/topnav_bg_grey. Gif); list-style:none; } #nav ul li{ display:inline; list-style:none; } #nav ul li a{ margin: 0 0 0 0; padding: .25em 2em .3em 2em; background:#ffffff url(images/topnav_bg_grey. Gif); color: #000000; text-decoration:none; float: left; border-right:1px solid #cccccc; } #nav ul li a:hover{ background:#660000 url(images/topnav_bg_ggrey.

Png); color: #ffffff; text-decoration:none; border-right:1px solid #cccccc; } /* links */ a { color:#D3812D; text-decoration:underline; } a:hover { color:#E39243; text-decoration:none; } #box_right a { color:#000000; text-decoration:underline; } #box_right a:hover { color:#E39243; text-decoration:none; } #footer a { color:#9EB874; text-decoration:none; } #footer a:hover { color:#4F6C1F; text-decoration:none; } /* fonts and colors */ h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:2em; letter-spacing: 0; text-transform:None; margin:10px 10px 10px 10px; padding:0 0 0 0; } h2 { font-family:Arial, Helvetica, sans-serif; color:#660000; font-size:1.2em; text-transform:Uppercase; font-weight:bold; padding:0 0 0 0; margin:0 0 -6px 0; } h3 { font-family:Arial, Helvetica, sans-serif; color:#65764B; font-size:1.1em; text-transform:capitalize; font-weight:bold; padding:0 0 0 0; margin:0 0 -8px 0; } . Box_right h3 { font-size:1.5em; margin:0 0 .5em 0; } . Grey { color:#999999; } /* images */ img { border:none; } .

Right img { position:relative; float:right; padding:0 0 0 0; margin:5px 2px 2px 5px; } . Left img { position:relative; clear:none; float:left; padding:0 0 0 0; margin:5px 5px 2px 0; } /* workarounds and hacks */ . Clearfix:after { content: ".

"; display: block; height: 0; clear: both; visibility: hidden; } . Clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html . Clearfix {height: 1%;} .

Clearfix {display: block;} /* End hide from IE-mac */ And here's the code for print. Css /* culture shock: grass stains V1.2 pogy366 @ URL1 Nov. 2005 */ /* general page structure and layout */ body { font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#000000; background:#ffffff; margin:10px 0 0 0; padding:0 0 0 0; text-align:center; } . Page_wrap { position:relative; width:780px; margin:0 auto; padding:0 0 0 0; text-align:center; background:#ffffff; border:none; } .

Header_text { position:relative; clear:none; width:770px; height:25px; margin:80px 0 20px 0; padding:0 0 0 0; background:transparent; color:#ffffff; text-align:left; } . Topnav { display:none; } . Container { position:relative; clear:both; width:760px; margin:10px 10px 0 10px; padding:0 0 0 0; background:#ffffff; color:#000000; text-align:left; } .

Box_right { position:relative; float:right; clear:both; width:200px; margin:0 0 5px 10px; padding:0 10px 0 10px; background:#ffffff; border:1px solid #000000; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.7em; } . Box p { margin:10px 10px; } . Box_cnr_top { display:none; } .

Box_cnr_bottom { display:none; } img. Cnr { width:8px; height:8px; border:none; display: block! Important; } .

Footer { position:relative; clear:both; width:780px; margin:20px 0 0 0; padding:4px 0 4px 0; background:#ffffff; font-size:.8em; text-align:center; border:1px solid #000000; } /* links */ a { color:#818181; text-decoration:underline; } a:hover { color:#818181; text-decoration:underline; } /* fonts and colors */ h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:2em; letter-spacing:.5em; text-transform:lowercase; margin:0 0 0 0; padding:0 0 0 0; } h2 { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:1.2em; text-transform:capitalize; font-weight:bold; padding:0 0 0 0; margin:0 0 -8px 0; } h3 { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:1.1em; text-transform:capitalize; font-weight:bold; padding:0 0 0 0; margin:0 0 -8px 0; } . Box_right h3 { font-size:1.5em; } . Maroon { color:#999999; } /* images */ img { border:none; } .

Right img{ position:relative; float:right; padding:0 0 0 0; margin:5px 2px 2px 5px; } . Left img{ position:relative; float:left; padding:0 0 0 0; margin:8px 5px 5px 0; } I can't figure out what's wrong on my codes. It perfectly works on IE :( Somebody help Please.

Asp.net css link|improve this question asked Dec 30 '11 at 8:11Mike Jhy1.

4 you might want to describe in more detail exactly what is not working, also consider posting it as an extracted example, using for instance, jsfiddle.net – kontur Dec 30 '11 at 8:13 2 You need to describe the problem more than "doesn't work" and post the HTML which is actually being styled by the CSS. Reducing the code down to just the non-working portions is a big plus. – Tim Medora Dec 30 '11 at 8:16 1 My CSS codes, let me show you them!

– Aaron Dec 30 '11 at 8:16.

You have a previous version of the HTML cached in Internet Explorer. Chrome and Firefox are correctly displaying nothing because you have no HTML. If you clear your IE browser cache you should see consistent results across all browsers.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.