IE CSS Problem

[eRott]

Hey there,

I have a slight problem that I just cannot figure out. I am trying to create a horizontal set of buttons (using the same method as if you were creating some sort of horizontal navigation), however, in I.E, the buttons tapper off diagonally downwards. Anyone have an idea as to how I may fix this? You can find my code below. I cannot position them absolutely as they will be displayed dynamically. The class for each button will be in the CSS file, only the HTML will be different for each one. Thank you and take care.

header.php

<ul id="tags">
	<li><a href="#" class="test"></a></li>
	<li><a href="#" class="test"></a></li>
	<li><a href="#" class="test"></a></li>
	<li><a href="#" class="test"></a></li>
	<li><a href="#" class="test"></a></li>
	<li><a href="#" class="test"></a></li>
</ul>

style.css

#tags {
	list-style: none;
	padding: 0px;
	margin: 0 0 0 8px;
	position: relative;
	border: 0px;
	}
	
#tags a {
	position: relative;
	float: left;
	margin: 5px 5px 0 0;
	}

#tags a:hover {
	background-position: left bottom;
	}

#tags .test {
	width: 32px;
	height: 32px;
	background: url("../images/test.png") no-repeat;
	}

 

[surazal]

add this

#tags li {
	display: inline;
}

 

[eRott]

Cheers to you my good man! Thank you kindly.

Take care.

 

[TekSomniaK]

Oh and I don't believe you need to float your buttons

 

[eRott]

Oh and I don't believe you need to float your buttons

Normally you wouldn't think so would you? However, in this situation, if I do not float them then they disappear completely. Odd, but I am not too concerned.

Take care.