need help :(( .... please help

i attach 2 images
1. on first image is the place where i want to put it
2. when i hover with the mouse over the banner has a hover effect ... i dont want it !

what i must write in the css to work?

here is the css code

body {
	padding-top: 28px !important;
	z-index: -1;
	
}

#wpabarimp {
	z-index: 300 !important;
	background: url('images/background.png') top left !important;
	color: #fff !important;
	font: 12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana !important;
	height: 28px !important;
	left: 0 !important;
	margin: 0 !important;
	position: absolute !important;
	top: 0 !important;
	width: 100% !important;
	
}

#wpabarimp .wpabarimp-menupop ul li a {
	color: #369 !important;
}

#wpabarimp .wpabarimp-menupop ul li a:hover {
	color: #036 !important;
	background: #ddd !important;
}

#wpabarimp a img {
	background: transparent !important;
	border: 0 !important;
	padding: 7px 7px 8px !important;v
}

#wpabarimp .wpabarimp-menupop a:hover {
	background: none !important;
}

#wpabarimp small a {
	display: inline !important;
}

#wpabarimp ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

#wpabarimp ul li {
	float: left !important;
	margin: 0 !important;
}

#wpabarimp ul li.blogmeta {
	margin-top: 0.5em !important;
}

#wpabarimp .wpabarimp-menupop ul, #wpabarimp .wpabarimp-menupop ul li: last-child a:hover {
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
}

#wpabarimp .wpabarimp-dropdown {
	background: url('images/bullet_arrow_down.gif') no-repeat 100% 0 !important;
	padding-right: 1em !important;
	line-height: 28px !important;
}

#wpabarimp .wpabarimp-menupop ul {
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
	background: #eee !important;
	left: -999em;
	position: absolute !important;
	border: 1px solid #ccc !important;
	border-top-color: #bbb !important;
	float: none !important;
}

#wpabarimp .wpabarimp-menupop li {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background-image: none !important;
}

#wpabarimp .wpabarimp-menupop li: nth-child(2n) {
	background: #f9f9f9 !important;
}

#wpabarimp a,.blogmeta {
	border: none !important;
	color: #eee !important;
	display: block !important;
	font: 12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana !important;
	font-weight: normal !important;
	letter-spacing: normal !important;
	padding: 0 0.75em !important;
	line-height: 28px !important;
	text-decoration: none !important;
}

#wpabarimp .wpabarimp-menu-first {
	background: url('images/background-logo.png') top left no-repeat !important;
}

#wpabarimp .wpabarimp-menu-first a {
	padding-left: 34px !important;
}

#wpabarimp .wpabarimp-menu-first ul li a {
	padding-left: 0.75em !important;
}

#wpabarimp a:hover,#wpabarimp .wpabarimp-menupop:hover {
	background: url('images/background.png') bottom left !important;
}

#wpabarimp .wpabarimp-menu-first a:hover, #wpabarimp .wpabarimp-menu-first:hover {
	background: url('images/background-logo.png') bottom left no-repeat !important;
}

#wpabarimp-leftside ul li ul {
	min-width: 140px !important;
}

#wpabarimp .count-0 {
	display: none !important;
}

#wpabarimp #wpabarimp-rightside {
	float: right !important;
}

#ad {
	position: right top;
	height: 28px;
	right: 0;
	margin: 0;
	top: 0;
}

HTML:

my website is bloggeri.es

 

Add this to your CSS:

#wpabarimp #ad a:hover {
    background: transparent !important;
}

Code (markup):

 

change your code in like this:

<div  style="float:left; width:800px;">

<ul>
			<!-- Begin IFBDesign Customization -->
			            <li><form style="margin: 2px 0pt 0pt 10px;" name="loginform" id="loginform" action="/wp-login.php" method="post">
			</form></li><li><input id="user_login" name="log" tabindex="1" onblur="if (this.value == '') {this.value = 'Username';}" onfocus="if (this.value == 'Username') {this.value = '';}" value="Username" type="text">
			<input id="user_pass" name="pwd" tabindex="2" value="Password" onblur="if (this.value == '') {this.value = 'Password';}" onfocus="if (this.value == 'Password') {this.value = '';}" type="password">
			<button type="submit" id="wp-submit" name="wp-submit" value="true" tabindex="4">Log In</button>
            <input id="rememberme" name="rememberme" value="forever" tabindex="3" type="checkbox"><span style="color: rgb(255, 255, 255);">Remember Me</span>
			   
</li><li><a href="bloggeri.es/?random%20">Random blog</a></li>

<li><a href="http://bloggeri.es/wp-signup.php/" rel="gb_pageset[search_sites]">Get a blog</a></li> </ul>

</div><div  style="float:right; width:250px;">

<a href="http://bloggeri.es/"><img src="http://bloggeri.es/wp-content/themes/Tempskin/images/btn_advertise.jpg" alt="Advertise" border="0"></a>

</div><div style="clear:both;"></div>

HTML:

 

I'd rather answer the question than fix terrible code xD

But yeah you need better HTML.

 

yes HTML code is all wrong.

 

thanks guys :*