I have created a site and when it displays in IE6/7 it is OK. But when i display that in FF there is a veritical line on right side.

My CSS code :

#container{
  width:1003px;
  background:url”” repeat-x;
]

#wrapper{
width:1003px;
}

I have given 1003px because clients wants to view it in 1024 resolution where only container with bg will appear, and when resolution is set to 1280 it is coming perfectly.

Now If I increase 1003px to 1004px or 1005px, vertical line in FF goes away but a horizontal scroll comes in IE6/7.

I have tried everything but could not fix it.

Could anyone help out.

Have you tried a conditional statement?

<!—if IE 7—>

<style>
#container{width:1003px;}
</style>

<!—endif—>

Could you post all of your code, HTML & CSS, also a link would help.

Just from looking at that snippet of CSS I can see that you used some invalid characters and poor formatting. “]” should be “}” and background should be… background: url(‘yourimg.jpg’);

ifohdesigns - 06 May 2008 12:37 PM

Could you post all of your code, HTML & CSS, also a link would help.

Just from looking at that snippet of CSS I can see that you used some invalid characters and poor formatting. “]” should be “}” and background should be… background: url(‘yourimg.jpg’);

NEVER MIND