IE problems

I have style some input buttons using CSS, they all work fine in firefox but in IE6 a few of them have dissapeared. I can get them to diplay agian if I add {diplay:block;} to my code, which is ok if its a single button but in somecases its a row of buttons and I dont want them to stack.

The code I am using to style the buttons is:

#wlpeProfileButton{  background: transparent url('../images/buttons/profile.png') no-repeat center top; 
padding:0px;  
border:0px; 
width:63px; 
height:25px;
text-indent: -1000em;
text-transform: capitalize;
font-size: 0px; line-Height: 0px;

I'm having issues with a horizontal nav, using blueprint css, where the change in background-color on a:hover is pushing all the content down. If I leave the background-color the same on a:hover the problem is fixed.

CSS:

#header-nav {
	position:relative;
	padding-top:31px;
	/*left:-10px;*/
	width:480px;
	margin-right:0;
	float:right;
 
}
 
#header-nav li {
	display:inline;
}
 
#header-nav a, #header-nav a:link, #header-nav a:visited {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	background-color:#00242F;
	color:#B9BBAC;

I have the following image style in my stylesheet. The positioning works great across browsers except for IE6/7:

#lvl_topnav img{bottom: 3px; float: right; padding-right: 5px; position: relative;}

Here is the containing div:

#lvl_topnav{position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF; margin:0px; padding:7px 0px 7px 20px; text-transform:uppercase; background-color:#464646; width:748px; wid\th:728px;  z-index:2;}

I just learned html and css. Studying lightbox2 i was trying to create a folio page but had the following problems:

- Viewing in 1440x900 lightbox looks cropped and aligned left. Works right only on chrome and safari.

- ONLY in IE the unordered lists that hold the thumbnails looks wrong.

Tested in a free domain:
http://foliotest.hdfree.com.br/print.html

Can anyone help?

Hi,

I currently have a H1 tag that has a background image sitting on top of the text, which is clickable as a link

<h1 title="Fresh Flames"><a href="http://www.freshflames.com">Fresh Flames - Designer Clothing<span></span></a></h1>

Website is here:

Demo

My CSS looks like this:

#branding h1 { width:144px; float:left; margin:4px 0 -3px 14px; padding:0;
               text-indent:-9999px;
               height:47px;
               position: relative;
               }
 
#branding h1 a {