CSS Troubleshoot

[dasickis]

Hey this is my first time trying to make a CSS/XHTML website, the site seems to be working well in Firefox but it messes up in IE and for some reason the layout does not appear to change when the resolution or window is resized like what I mean is that the buttons don't move to fit the window like these sites: http://www.cssbeauty.com/
if you resize your window or change your resolution the site reconfigures to keep the same look but my site just stays static

edit: if you are on IE the images look messed up because of the PNG alpha transparency settings i'll get that taken care of from this tutorial: http://www.alistapart.com/articles/pngopacity/

edit:sorry my site is: www.sbhssports.com/newkaya/

[dasickis]

Well I updated it (on IE run the ActiveX component it's the only way to get transparency to work)

I do have one problem the line under the links is longer in Firefox than it should be why is this?

I was just wondering how can I better the site? CSS wise what should I do differently or add or delete?

http://sbhssports.com/newkaya

[Rob]

Use em or percent widths for fonts and not px.

This is the only way to make IE work properly when resizing text in the browser.

[dasickis]

I redid the site but I used underscores for different formatting for IE I know this is bad practice so how do I fix this so I don't have to keep doing this for all the sites I make? how does everyone else deal with IE?

If you look at my CSS you will see my quick and dirty method.

[dasickis]

Also I was wondering how is it possible to style a button while visiting a page and not have that show when you're not on the page.

For example, if I was on the home page I would like the Home page to change color but when I am on the Services page I would like the Services button to change color and the Home button to go back to its original color

[dasickis]

Hey is it just me or do the images load up slowly on IE?