Problem with z-index and display

I'm building a site here and on the home page I have two tabs off to the right side that use javascript to switch the display property of two divs. This system all works fine and dandy in everything but IE of course... IE doesn't seem to recognize the z-index that each of the items is on and the main picture and text get shifted down when you click on one of the tabs. Can anyone help me resolve this problem?

Here's my CSS:

Center Text In Image for Menu Button

I am trying to center my text in an image for a menu button and I can't seem to get it to work. I have the text centered left to right but not up and down. What would be the code to do this?


body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #333;
	background-repeat: repeat;
	font-size: 100%;
	color: #FFF;
	letter-spacing: 0.2em;
	vertical-align: center;
#wrapper {
	background-color: #603;
	height: 629px;
	width: 1024px;
	vertical-align: center;
	horizontal-align: center;		

2 Content Columns: Float variable-width content column next to fixed width content column

I am a CSS noob. Sorry if this is redundant of other answers--I did try to search the forum and the web before posting.

I'd like to do this without javascript if possible:

I am trying to create a layout that has two content columns. The left content column can be fixed width, but I would like the right column to behave differently, depending on screen resolution:
(1) At lower screen resolutions (eg 800x600), the right content column will drop below the left content column.
(2) At higher screen resolutions, the right content column will float to the right of the left content column.

Put image in Background without cutting anything up

I am trying to put an image, not in the background but in the menu bar and the buttons for the menu bat lay on top of it but I dont know how to do it.

This is the basic idea. See the red behind the menu bar? That is what I am trying to acomplish without cutting everything into little pieces.

I just started coding yesterday for the first time so if there are things odd about it that is why.


Need help aligning search box and sign in box in header

Ok so I have no idea what I am doing when it comes to coding. I've done a little research and that is how I've come this far, but I am stuck because my sign in box is at the very top of my header and not aligned with everything else. I was wondering if anybody could take a look at my code and let me know what I am doing wrong. The name of the website is You can go there and see what I mean as far as the sign in box is really off to the top and not aligned at all. If the entire header code is needed to help solve the problem let me know and i'll post that as well.

Syndicate content