Hi,

I'm a newbie in using xml. I'm building a new blog but I faced the following PROBLEM:

I liked the attached template but I faced compatibility problems w/ it.

It runs well in firefox ,but it has a problem w/ IE 8. The semi-transparent green in the snap-shot does not appear in IE.

Firefox snap-shot


IE 8 snap-shot


I found the code of the WIDGET and I noticed that it is different in IE and Firefox.

In firefox:

.widget-content{
  padding: 15px 20px 15px 20px;
  margin:0px 20px 0px 15px;
  background: rgba(84, 137, 5, .50);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font-size:14px;
  border-radius: 20px;
  color:#ffffff;
}

===============
In IE:

.widget-content{
  margin:0 20px 0 15px;
  padding:15px 20px;
}
  background:none repeat scroll 0 0 rgba(84, 137, 5, 0.5);
  -moz-border-radius:20px 20px 20px 20px;
  font-size:14px;
  border-radius: 20px;
  color:#FFFFFF;
}


When I TRIED using the IE code in firefox, the problem appeared and when I did the reverse nothing changed in IE.


Please, tell me how to solve this problem.

thanks and SORRY for prolixity.


[recovering disk space - OLD attachment deleted by admin]