Komplikace s patičkou a obrázkem

<style>
  body{
  font-family: "arial black","verdana";
  background-color: rgb(0,0,51);
  background-image: url(img/bg-2-full.jpg);
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
  }
h1
{color: black; font-size: 40px; text-align: center;
border-bottom: 3px solid black; letter-spacing: 1px;
padding: 10px;}

h2
{color: #000000; font size: 60px;
border-bottom : 5px white; text-align : center;
top: 10%; letter-spacing: 2px; padding: 50px;}

div.cely_web
{background-color: white;
border-radius: 0px; /* zaoblení okrajů*/
padding: 0px; /* vnitřní okraje */
border: 1px white;
width: 900px;
margin: auto;                    /* vnější okraj*/
border: 6px solid black; }

div.hlavicka
{height: 250px; width: 970px;}


div.menu
{height: 200px; background-color: white; text-align: center; line-height: 40px;     /* height - zvýšení znamená větší odsunutí textu směrem dolů*/

}

div.menu a
{font-size: 15px; text-decoration: none; color: black; padding: 0px;
}

div.menu a:hover
{background-color: yellow; border-bottom: 5px solid black;   /* transparent color*/
}


p
{color: black; font-size: 15px;}

img
{border: 1px white; margin: 15px;} /* odskočení od sebe*/

ul {
  padding: 0px;
  margin: 0px;
  list-style: none;

  }

 li {
  float: left;
  position: relative;
  width: 298px;
  left: 0px;
  border: thin solid black;
  margin-left: auto; margin-right: auto;
  }

 li ul {
  display: none;
  position: absolute;
  top: 1em;
  }


  li > ul {
 top: auto;
 left: auto;
 }


li:hover ul { display: block;  }



a{color: red;  }

li a{color: maroon; }    /* pro odkazy v odrážkách li a*/

a:hover
{background-color: rgb(0,0,0);
text-decoration: none;}
/* stav po najetí myškou!!*/
/* podtržení odkazu, na který namířím - text-decoration: none;*/

p.vyplnovaneodkazy > a{
list-style: none;
width: 20px;
height: 20px;
float: left;
margin: -7px 0 0 0;
padding: 0;
  display: block;
  text-align: center;
  text-decoration: none;
  font: bold 20px/20px Arial, sans-serif;
  color: white;
  border: 5px solid blue;
  border-radius: 50%;
   transition: background 1.25s;
  -webkit-transition: background 1.25s; }

p.vyplnovaneodkazy a:hover {
  background: blue;
   color: rgb(255,255,255);

}

#paticka_hlavni
{
width: 100%;
position: absolute;
bottom: -500px;
left: 0;
height: 45px;
background: rgb(0,0,0);
color: white;
}
#paticka
{
float: left;
text-align: center;
padding: 0;
margin: 10px 0 0 250px;
width: 450px;
}
</style>

<div id="paticka_hlavni">
  <div id="paticka">
      Osobní stránky - Pavel Konopka, Gymnázium Karviná

  </div>
<p class=vyplnovaneodkazy>
    <a href="http://www.facebook.com/pavel.konopka.73"
    title="Facebook" target="_blank"> f</a>
  </p>
</div>