I use Firefox and decided to check my new website in IE8. The whole page is aligned to the left (supposed to be centered). In Firefox, my products are listed in columns of 3...in IE8 they're only in 2. There's also an error......
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30618; yie8)
Timestamp: Sat, 25 Jul 2009 19:31:32 UTC
there are always some issues with ie if you design with firefox, usually there are css bugs etc...i think first thing u need to do is include a separate css for ie with fixes(will have to do some hit & trial)...
So can anyone give my any instruction? I obviously don't know what I'm doing.
I understand a bit of css but where/how do I even try to do the fixes?
No promises about results, however I will try help, however I would also like to request that if anytime you are making post with design or coding help, please do make it extremely easy for others to help. For example have the source code easy to view and remove any clutter from the source code not required for the test page.
P.S. In either case, you might want to remove tons of keywords from meta tag keywords and description.
I am not a css expert, however one simple way to make your site align center in browser is by using margin: auto for the main content wrapper (I think 'pageSurround' in your case). Try it and see if that helps.