Question: Below is my code:

```css
#sam_ul li {
  height: 41px;
  border-bottom: 1pt solid #DEDEDE;
  background-color: #F8F8F8;
}
#sam_ul li {
  list-style-type: none;
}
#u_l_add:before {
  content: '\0FBF';
}
```

```html
<ul id="sam_ul" style="margin:0px;">
  <li>
    <a href="#">
      <span id="u_l_add" style="font-size:36px;line-height:20px;"></span>
      <div style="width:130px;position:relative;top:-20px;left:40px;">Add</div>
    </a>
  </li>
  <li>
    <a href="#">
      <span id="u_l_sear" style="font-size:36px;line-height:20px;"></span>
      <div style="width:130px;position:relative;top:-20px;left:40px;">Search Artifact</div>
    </a>
  </li>
</ul>
```

The **content pseudo element** is displayed differently in both IE and mozilla. By different I mean in `IE` it is displaying correctly while in mozilla it is adding some extra padding and displaying the content.

check the difference between the first `li` element and the second `li` element.

Can anyone help me with this?

Answer: 
You are using Yii, so lets do this in **YII style**

I use 

`Yii::app()->securityManager->generateRandomString($length,true)`

To learn about it click [here](http://www.yiiframework.com/doc/api/1.1/CSecurityManager#generateRandomString-detail)
Use simplest encrypt & decrypt info in PHP

```
$salt ='whatever_you_want';
function simple_encrypt($text)
{
    return trim(base64_encode(mcrypt_encrypt(MCRYPT_RIJNDAEL_256, $salt, $text, MCRYPT_MODE_ECB, mcrypt_create_iv(mcrypt_get_iv_size(MCRYPT_RIJNDAEL_256, MCRYPT_MODE_ECB), MCRYPT_RAND))));
}
function simple_decrypt($text)
{
    return trim(mcrypt_decrypt(MCRYPT_RIJNDAEL_256, $salt, base64_decode($text), MCRYPT_MODE_ECB, mcrypt_create_iv(mcrypt_get_iv_size(MCRYPT_RIJNDAEL_256, MCRYPT_MODE_ECB), MCRYPT_RAND)));
}

```