Как добавить SWF-баннер в левую часть логотипа, не разрезая и не сломав его?

 body {margin:0}


ul {


border-top: 2pxsolidred;


list-style-type: none;


margin: 0;


padding: 0;


overflow: hidden;


background-color: #333;


position: fixed; /* Set the navbar to fixed position */


top: 0; /* Position the navbar at the top of the page */


width: 100%; /* Full width */


height:5%;


padding: 1px;


}


li {


float: right;


}


li a {


color: white;


padding: 16px;


text-decoration: none;


}


li i{


color:white;


}


.w3ls_header_middle {


padding: 0 0;


/*padding-top:30px*/


}


.agileits_logo{


float:right;


margin-right:0em;


margin-top:1em;


}


/*---after banner added---*/


.agileits_banner {


float:left;


margin-left:0em;


margin-top:1em;


}

 <divclass="container"> <ul> <li><ahref="#home">????????</a></li> <li><ahref="#news">???? ??</a><i>|</i></li> <li><ahref="#contact">???? ???</a><i>|</i></li> <li><ahref="#contact">?????</a><i>|</i></li> <li><ahref="#contact"> ????? ????</a><i>|</i></li> </ul> <divclass="w3ls_header_middle"> <divclass="container"> <divclass="agileits_logo"> <imgsrcimgsrc="../../images/logo.png"> </div> <divclass="agileits_logo"></div> </div> <!-- after banner added --> <div> <embedsrcembedsrc="../../images/banner.swf"type="application/x-shockwave-flash" width="624"height="104" /> </div> </div </div>