ugly border displayed

ugly border displayed

Hi, 
my logo image in the header displayes an ugly border ( see picture) , I use the following code:
  1. <div data-role="header" data-position="fixed" style = "background: #000066">
  2.   <A href="./index.php">     <img style="border:0 !important;" src="http://www.mondkalender-online.de/mobil/images/Sichel-dunkel_40px.jpg" alt="Logo" style="float:left;display:inline"/></A>
  3. <div style="text-align: center">
  4. <h3 >&nbsp; Mondkalender-online mobil</h3>
  5.         </div>
  6. </div><!-- header-->
Not even the !important can hide it. What to do?   How to get rid of this thick border?