Hey,

How do i display one div for IE 6 or below and a different one for firefox/IE7?

So the code below would display if you where IE 6 or below:

Code:
<div style="width: 113px; height: 114px; position: absolute; top:0px; right:0px; border:none; font-family: Arial Black;">
<a href="livesubmissions.net" style="font-size: 18px; position: absolute; top: 0px; right: 0px; width: 41px; height: 44px; z-index:1;"><img src="http://livesubmissions.net/img/livehelp.gif" alt="Live Submissions - Live Help" /></a>
<a href="livesubmissions.net" style="font-size: 8px; position: absolute; top: -10px; right: -10px; height: 114px;"><img src="http://livesubmissions.net/img/livesubmissions.gif" alt="Live Submissions - LiveSubmissions.com" /></a></div>
but if you where in firefox or IE 7 it would show this:

Code:
<div style="width: 113px; height: 114px; position: absolute; top:0px; right:0px; border:none; font-family: Arial Black;">
<a href="livesubmissions.net" style="font-size: 18px; position: absolute; top: 0px; right: 0px; width: 41px; height: 44px; z-index:1;"><img src="http://livesubmissions.net/img/livehelp.png" alt="Live Submissions - Live Help" /></a>
<a href="livesubmissions.net" style="font-size: 8px; position: absolute; top: -10px; right: -10px; height: 114px;"><img src="http://livesubmissions.net/img/livesubmissions.png" alt="Live Submissions - LiveSubmissions.com" /></a></div>
any ideas????

thank you!