Cascading Style Sheets

Topmenu not visible in Browser: CSS or HTML problem?

Hi

I've just created acool topmenu with a css mnucreator program, but when I try to view it in my editor, only the last button is visible, and nothing is visible in my browser.
The page in question is http://www.surftweeter.com/test.html

Here is the css code:

/* -- Horizontal Text NavBar -- */
 
.ExtraNav {
font-family: Arial, 'Lucida Sans Unicode', 'Lucida Grande', Verdana,  sans-serif;
}
 
.ExtraNav ul {
list-style-type: none;
padding: 320px 0px 330px 320px;
}
 
.ExtraNav ul li {
display: inline;
background-color: #009966;
text-align: center;

Div vanishes when using IE6, please help.

First of all, I would like to introduce myself. This is my first post here as I'm fairly new to complete CSS layouts. My name is Tim and I'm from the Twin Cities area of Minnesota. I've done a few sites with strictly CSS and never had a problem but this one is driving me nuts. I'm having trouble with my Navigation ul completely vanishing in IE6 at random times. The site I'm referring to is currently live at DigitalTown.com if you would like to check it out. Here is the code.

HTML

         <ul id="topnav">

Text field styling. Text not vertically alligned center in firefox.

Stare Hi, i am styling a textfield. Everything is good except the texts are not vertically aligned in center in different firefox. In case of ie, opera, safari and crome its ok. Here is the code

.text_field{
	background-image:url(images/search_box_mid.png);
	background-repeat:repeat-x;
	background-color:#121212;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	line-height:29px;
	display:block;
	font-size:14px;
	color:#121212;
	width:150px;
	height:29px;
	float:left;
	border:0;
	padding:0;
	margin:0;
	}

How do you make the "add a result" button google uses? Ajax? CSS? Java?

It's the effect where you click on a link or a button and a new bit of content appears, pushing down everything below it. Clicking it again makes that content disappear and all the original text move back up. Google uses it in a number of places, notably at the bottom of any search result. For example: http://www.google.com/search?q=anything

horizontal nav background color on hover causing ie6 problems

I'm having issues with a horizontal nav, using blueprint css, where the change in background-color on a:hover is pushing all the content down. If I leave the background-color the same on a:hover the problem is fixed.

CSS:

#header-nav {
	position:relative;
	padding-top:31px;
	/*left:-10px;*/
	width:480px;
	margin-right:0;
	float:right;
 
}
 
#header-nav li {
	display:inline;
}
 
#header-nav a, #header-nav a:link, #header-nav a:visited {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	background-color:#00242F;
	color:#B9BBAC;

Syndicate content