Hi everybody Im new here and javascript newbie ,so I need your helps
I want to use a left floating banner on my site <snip> so the floating banner don't cover any text content when a visitor zoom in the page or use a very low resolution like 800x600 or 1024x700.
this is the code I use but the banner cover the text :

<style>
#floating_banner_bottom {
text-align: left;
width: 00%;
bottom: 00px;
margin-bottom: 0px;
height: 50px;
position: fixed;
z-index: 50;
left: 0px;
</style>





<div id="floating_banner_bottom">
<!-- Button to Close Banner -->



<a style="display:scroll;position:fixed;bottom:50px;left:0px">

banner code

<br />

<div class="close">
<a href="#" onclick="document.getElementById('floating_banner_bottom').style.display='none';return false;"> 


<i style="font-family: Georgia,"Times New Roman",serif;"><span style="background-color: #999999; color: white; font-size: small;"></span></i>

<center>
<img border="0" width="20" height="20" src="http://example.com/_9vgJ1nwu_xA/S1jSp2ZhA7I/AAAAAAAAB8A/2AEBd4mR9qA/x.png" />
</center>
</a>
</div>

<a/>
</a></a></div>
<!-- End Here -->

[edited by: engine at 2:03 pm (utc) on Feb 8, 2010]
[edit reason] No urls, please see WebmasterWorld TOS [/edit]