I've added both outline and box-shadow to a div in my CSS code.
The div looks great on Chrome and IE but not in Firefox:
Chrome and IE:http://i.phirune.com/csrjfyqoczobFireFox:http://i.phirune.com/4gsrrub3ww6eThe CSS code is as follows:
\[code\]#container {width:960px;margin:0px;padding:0px;margin-left:auto;margin-right:auto;margin-top:-10px;background-color: #415475;-moz-box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);outline:#000000 solid thick;}\[/code\]I have no idea how to fix this, any insight will be appreciated.
The div looks great on Chrome and IE but not in Firefox:
Chrome and IE:http://i.phirune.com/csrjfyqoczobFireFox:http://i.phirune.com/4gsrrub3ww6eThe CSS code is as follows:
\[code\]#container {width:960px;margin:0px;padding:0px;margin-left:auto;margin-right:auto;margin-top:-10px;background-color: #415475;-moz-box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);outline:#000000 solid thick;}\[/code\]I have no idea how to fix this, any insight will be appreciated.