Buttons Misaligned In Ie Only Buttons make a staircase shape

[candrid 0]

Hey all,

I have a site I've been working on for awhile.
http://forums.xisto.com/no_longer_exists/

Problem is in IE the buttons at the top "staircase" down. They should go right across the top like they do in Foxfire.

Can anyone advise me on how to fix this?

Thanks in advance, let me know if I can assist you.

- mike

[.:Brian:. 0]

I think you need to add a float: left to your css code with the li.

So change your css code from

li {	line-height			: 15px;	padding-left		: 15px;	padding-top			: 0px;	background			: url(../images/file.png) 0 3px no-repeat;}

to:

li {	line-height			: 15px;	padding-left		: 15px;	padding-top			: 0px;	background			: url(../images/file.png) 0 3px no-repeat;	float								 :left;}

And see if that does the trick.

[candrid 0]

Did I mention I'm pretty new at this?

I searched through the files but I cant even find the reference to the LI items you referenced.
Everyone else can - I seem to be missing something obvious.

Thanks for the reply by the way.

- mike

I think you need to add a float: left to your css code with the li.
So change your css code from

li {	line-height			: 15px;	padding-left		: 15px;	padding-top			: 0px;	background			: url(../images/file.png) 0 3px no-repeat;}

to:

li {	line-height			: 15px;	padding-left		: 15px;	padding-top			: 0px;	background			: url(../images/file.png) 0 3px no-repeat;	float								 :left;}

And see if that does the trick.

[candrid 0]

Found it - Thanks!

[BuffaloHelp 24]

Brian means to edit your CSS file

http://forums.xisto.com/no_longer_exists/

This is your CSS file. Look for where Brian points and see modifying according to Brian's suggestion helps you out. In order to edit this file you have to have an access to this file either via FTP or some control panel.

Let us know how it goes.

[candrid 0]

Did I mention I'm pretty new at this?
I searched through the files but I cant even find the reference to the LI items you referenced.
Everyone else can - I seem to be missing something obvious.

Thanks for the reply by the way.

- mike

[candrid 0]

Ya, I checked it out - the float left does fix it, however it makes the shoutbox on the site.. misaligned (the text inside the shoutbox).Any suggestions.Thanks for all this feedback. Anyone need anything I might be able to help with?

[.:Brian:. 0]

You should be able to fix the shoutbox by adding some css code (again to the same place).

Try adding the following code and see if it works:

#chatoutput li{float: none;}

just add this to the end of that css file. And let us know if it works or not.