Menu and submemu in css i need help

can someone help me?
I've made this menu and sub menu for a project at school,but I have a problem ... ... ... the pictures in the submenu are not near....This is the code:
from css setings :
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;}

.menu ul{
background:white;
height:35px;
list-style:none;
margin:0;
padding:0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, .1);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, .1);
box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, .1);}

.menu li{
float:left;
padding:0px 0px 0px 0px; }

.menu li a{
color:white;
display:block;
font-weight:normal;
line-height:141px;
margin:0px;
padding:0px 0px;
text-align:center;
text-decoration:none;}

.menu li a:hover{
background:white;
color:white;
text-decoration:none;
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3);}

.menu ul li:hover a{
background:red;
color:white;
text-decoration:none;}

.menu li ul{
display:none;
padding:0px;
margin:0px;
border:0px;
position:absolute;
height:35px;
width:141px;}

.menu li:hover ul{
display:block; }

.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
height:0px;
width:141px;
background:#F93;
/*this is where the rounded corners for the dropdown disappears*/}

.menu li:hover li a{
background:none;}

.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 0px 0px 0px;
text-align:left;}

.menu li ul a:hover, .menu li ul li:hover a{
border:0px;
color:#ffffff;
text-decoration:none;
background:#C60;
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3); } ////

http://prntscr.com/5xuw95
http://prntscr.com/5xuwlz

I want to be just like that:
http://prntscr.com/5xux4x

can someone fix my code to be good?