Chat Border and Grayscale Question

Question 1.

How do I get rid of this red border.
https://i.imgur.com/ZxktdOX.png
Here's the code for it:

Code:

  <style type="text/css">
/*<![CDATA[*/
  div.c4 {z-index: 10000; position: fixed; bottom: -5pt; right: -5pt;}
  iframe.c3 {width: 850px; height: 350px; display: none; border-top: 3px solid rgb(148, 11, 11); border-left: 3px solid rgb(148, 11, 11); border-bottom: 10px solid rgb(148, 11, 11); border-right: 10px solid rgb(148, 11, 11);}
  div.c2 {font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;}
  span.c1 {color: skyblue;}
  /*]]>*/
  </style>

  <div id="chatbox_ret_cont" onmouseout="" onclick="" onmousever="" class="c4">
    <div onclick=
    "(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');"
    class="c2">
      <img src="http://i43.tinypic.com/qrhog5.png" />
    </div>
<iframe scrolling="no" frameborder=".1" onload=
    "if(cb_new) { cb_start(); cb_new=0; };" class="c3" marginheight="0" marginwidth="0"
    name="chatbox_ret" id="chatbox_ret" src="/chatbox/index.forum"></iframe>
  </div>

Question 2.
How do I reverse a Gray Scale? Like make it so that it turns gray on mouseover.

This is the border parts:

Code:

border-top: 3px solid rgb(148, 11, 11); border-left: 3px solid rgb(148, 11, 11); border-bottom: 10px solid rgb(148, 11, 11); border-right: 10px solid rgb(148, 11, 11);}

Color:

Code:

rgb(148, 11, 11)

For reverse it is very simple , you need only a hover , I will use the who is online image for example ,

Code:

.img-whois:hover{
-webkit-filter: grayscale(1);
filter: gray;
}


Just replace .img-whois with your image

and for chatbox , repace the code with this :

Code:

  <style type="text/css">
/*<![CDATA[*/
  div.c4 {z-index: 10000; position: fixed; bottom: -5pt; right: -5pt;}
  iframe.c3 {width: 850px; height: 350px; display: none; }
  div.c2 {font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;}
  span.c1 {color: skyblue;}
  /*]]>*/
  </style>

  <div id="chatbox_ret_cont" onmouseout="" onclick="" onmousever="" class="c4">
    <div onclick=
    "(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');"
    class="c2">
      <img src="http://i43.tinypic.com/qrhog5.png" />
    </div>
<iframe scrolling="no" frameborder=".1" onload=
    "if(cb_new) { cb_start(); cb_new=0; };" class="c3" marginheight="0" marginwidth="0"
    name="chatbox_ret" id="chatbox_ret" src="/chatbox/index.forum"></iframe>
  </div>