Hi all, If anybody has a solution to fix css styles in google chrome, please let me know, my design works perfectly in IE, FF, Opera but not working in chrome.

have you tried it with Safari ?
if it works , Chrome has a bug

Chrome is really W3C compliant, did you submit you design to them? W3C.org

Submit your website here: http://validator.w3.org/

I am still testing in my local machine and it is hosted internally through intranet, till it is hosted on the live i cant check for errors to get the W3c compliant logo.

My question here is if it is working in other browsers why not in Chrome.

Yes i tried in Safari and its not working, the same problem here in safari too.....css not applied on the pages.

what could be the problem sulasno.

Im no good at HTML (still learning) so I prolly cant help, but "not working" isnt very helpful.
Could you attach some example of what isnt working and possibly a description on what isnt working.

Hi!

The image which is called through the CSS is not displaying on the pages, even the text styls, font, color which i have written in CSS is not displaying on the pages. other wise layout of the design is perfectly displaying.

vasantarkachari, can you post here a sample of the CSS that is failing?

body {
background-position:top;
background-attachment: fixed;
border:none;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow-x:hidden;
}

.t-body {
background-image: url(background-image:url(/images/bg.jpg);
background-repeat:repeat;
}

.btrailbg {
background-image: url(background-image:url(/images/btrail_bg.jpg);
background-repeat:repeat;
}

.btrail_bg {
background-image: url(background-image:url(/images/btrail_bg.jpg);
background-repeat:no-repeat;
width:611px;
height:23px;
vertical-align:top;
border:none;
}


.internalbg {
background-image: url(background-image:url(/images/internal_bg.jpg);
background-repeat:repeat;
vertical-align:top;
border:none;
}

.leftmenubg {
background-image: url(/images/left_menu_05.jpg);
vertical-align:top;
width:215px;
height:205px;
border:none;
background-repeat:no-repeat;
}

.Top_menubg {
background-image: url(/images/menu_bg.jpg);
height:34px;
width:875px;
border:none;
}

.searchbg {
background-image: url(/images/search_bg.jpg);
height:72px;
width:326px;
border:none;
}

.topbg {
background-image: url(/images/top_bg.jpg);
height:11px;
width:875px;
border:none;
}


.menubg {
background-image:url(/images/menu-bg.jpg);
height:40px;
width:861px;
background-repeat:no-repeat;
border:none;

}

.menurightbg {
background-image:url(/images/right-menu-cntr-bg.png);
width:195px;
border:none;
background-repeat:repeat-y;

}

.topmenutext {
font-family:verdana;
text-align:center;
vertical-align:middle;
text-decoration: none;
font-size:12px;
color:#6198B4;
}

.topmenutext:hover {
color:#B8D9EA;
font-size:12px;
}

.left_menutext {
font-family:verdana;
text-align:left;
vertical-align:middle;
text-decoration:none;
font-size:12px;
color:#C4C3C3;
}

.left_menutext:hover {
color: #22B7FF;
font-size:12px;
}

.bodytext {
font-family:verdana;
text-align:justify;
vertical-align:middle;
text-decoration: none;
font-size:11px;
color:#333333;
}

.rti {
font-family:verdana;
vertical-align:middle;
text-decoration: none;
font-size:11px;
color:#ffffff;
}

.copyrights {
font-family:verdana;
vertical-align:top;
text-decoration: none;
font-size:9px;
color:#185A7E;
}

.bodylinks {
font-family:verdana;
text-align:left;
vertical-align:middle;
text-decoration: none;
font-size:11px;
color:#7AAEC9;
}
.bodylinks:hover {
color:#FFFFFF;
background-color:#001F29;
}

.Internal_bodylinks {
font-family:verdana;
text-align:left;
vertical-align:middle;
text-decoration: none;
font-size:11px;
color:#0E75AA;
}

.Internal_bodylinks:hover {
color:#000000;
}

.heading {
font-family:verdana;
text-align:left;
text-decoration: none;
font-size:12px;
font-weight:bold;
color:#407895;
}

.headingbg {
background-image:url(/images/heading_bg.png);
width:644px;
height:23px;
background-repeat:no-repeat;
font-family:verdana;
text-align:left;
vertical-align:middle;
text-decoration: none;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
}

.breadcrumbbg {
background-image:url(/images/news_portalbg.png);
width:650px;
height:10px;
background-repeat:no-repeat;
}

.consprtr {
background-image:url(/images/search_bg.jpg);
border:none;
background-repeat:no-repeat;
width:1px;
}
.portaltxt {
font-family:verdana;
text-align:left;
vertical-align:middle;
text-decoration: none;
line-height:18px;
font-size:11px;
color:#333333;
}
.portaltxt:hover {
background-color:#ffffcc;
color:#000033;
}

.searchbox {
height:15px;
background-color:#FFFFFF;
width:189px;
text-decoration: none;
font-size:9px;
font-family:Verdana;
border:1px;
padding:1px;
color:#7A7A7A;
background:#ffffff;
border:1px solid #002E3D;;
}

.searchbox1 {
height:19px;
background-color:#FFFFFF;
width:194px;
text-decoration: none;
font-size:9px;
font-family:Verdana;
border:1px;
padding:1px;
color:#7A7A7A;
background:#ffffff;
border:1px solid #002E3D;;
}

.press {
font-family:verdana;
text-align:justify;
vertical-align:middle;
text-decoration: none;
font-size:11px;
color:#333333
}

.maintext {
font-family:verdana;
text-align:justify;
vertical-align:middle;
text-decoration: none;
font-size:11px;
color:#333333;
}
.footer {
background-image:url(/images/footer-bg.jpg);
background-repeat:repeat-x;
height:96px;
border:none;
}
.header{
width:100%;
height:89px;
border:0;
align:center;

}
.headerlogo{
width:635px;
height:75px;
}
.trail {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #051A23;
text-decoration: none;
font-weight: normal
}

.trail_arrow {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFF00;
text-decoration: none;
font-weight: normal
}

.btrail {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #ffffff;
text-decoration: none ;

}

.btrail_01 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #0000CC;
text-decoration: none ;

}

.btrail_02 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #660000;
text-decoration: none ;

}

.content {
font-family: Verdana;
text-align:left;
vertical-align:middle;
font-size: 9pt;
color: #89BCD6;
line-height:18px;
text-decoration: none
}

.content::hover {
color:#ffffff;
}

.Director_msg {
font-family: Verdana;
text-align:left;
vertical-align:middle;
font-size: 9pt;
color: #89BCD6;
line-height:18px;
text-decoration: none
}

.content_02 {
font-family: Verdana;
text-align: justify;
vertical-align:middle;
font-size: 9pt;
color: #333333;
line-height:18px;
text-decoration: none
}

.content_02_sprtr{
font-family: Verdana;
text-align: justify;
vertical-align:middle;
font-size: 10pt;
color:#0E75AA;
line-height:18px;
text-decoration: none
}

.date-time {
font-family:verdana;
vertical-align: middle;
text-decoration: none;
font-size:10px;
color:#0F394F;
}

.relatedlinkheader {
font-family:verdana;
text-align:left;
vertical-align:middle;
text-decoration: none;
font-size:12px;
color:#333333;
}

.relatedlinkheader:hover {
color:#006699;
}

.customizefont {
font-family:verdana;
text-align:right;
vertical-align:middle;
text-decoration: none;
font-size:10px;
color:#ffffff;
}

.right_menu_content {
font-family:verdana;
text-align:justify;
vertical-align:middle;
text-decoration: none;
font-size:11px;
color:#333333
}
.marker {
font-family:verdana;
text-align:right;
text-decoration: none;
font-size:13px;
font-weight:bold;
color:#0e5684;
}
.inlinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: 999999;
text-decoration: none
}
.modalBackground
{
background-color:#000000;
filter:alpha(opacity=80);
opacity:0.8;
}
.heading1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #990000;
text-decoration: none
}
.searchboxps {
height:18px;
width:170px;
text-decoration: none;
font-size:11px;
padding:1px;
color: #000000;
background:#ffffff;
border:1px solid #9C9C9C;
font: Arial, tahoma, Verdana, trebuchet MS;
}

please check this if i have made any errors and give me the solution for the same.