CSS Question

[Lopton]

Hi all,
I was playing around and customizing my Zen Cart, doing fine and getting everything the way I want it. Of course I waited until I was almost done to check my website in Internet Explorer instead of Firefox, and argg I can't figure out how to do what I want now.

In firefox this page http://www.mattemerson.com/Gallery/i...&products_id=1 displays perfectly. But in IE7 the add to cart box border goes off the right side of the page and I can't figure out how to make it not do that. I tried running the page through the The W3C CSS Validation Service and it passes... so what do I have to do to get the border around the add this to my cart button to show up properly?

Thank you for your help!

-=Matt=-

[kobra]

Try this

#cartAdd {
        float: left;
	margin-left: 3em;
	text-align: center;
	border: 1px solid #000;
	padding: 1em;
	}

[Lopton]

Well you know, I am amazed, I spent at least an hour on it and you got it right the first time,

Argg but now the alignment of the attributes is all jacked up in firefox... the drop down box is above the actual text =( I think that is why I removed the float in the first point... Any ideas on how to fix that?

-=Matt=-

[kobra]

Check by changing to the classic template and they align on the bottom level...

Either your template or you edits have mussed this

[Lopton]

Okay thanks, I reload the template default version of the product page and got it fixed after much pain

Really glad I found Zen Cart though!

-=Matt=-

[kobra]

Looks real nice!!!