CSS - Probs With Classes Of <a> In Ie

friends
i have table..
that table corner must be in the curve form..
i dont know to do..
plz send the links for my problem


curve edge is my output..
for that related css link plz



thanks in advance

Hello why wont this change the effects of my td

Code:

#tabs td.start 	{ background:url("/pdp/images/style_images/default/section_on_left.gif") no-repeat left top; }
 #tabs td.start a	{ background:url("/pdp/images/style_images/default/section_on_right.gif") no-repeat right top; font-weight:bold; }
 #tabs td.start a:link 	{ color:#fff; }
 #tabs td.start a:visited 	{ color:#fff; }
 #tabs td.start a:hover 	{ color:#64bfdb; text-decoration:underline; }
 #tabs td.start a:active 	{ color:#64bfdb; }

any help much appreciated

Hi all,

I've always learned what I know (which isn't all that much, but wtf) from trying to fathom the source code of cool sites I visit and then attempting to implement those things I like into my own page. I recently visisted a very cool site that uses a CSS drop down menu. The only problem is it's got one level and I want more than that. I've attempted to tweak the code through trail and error and my basic basic understanding of CSS, but to no avail. When you roll over the top level menu, the secondary displays as it should but the 3rd also displays before you roll onto the link that should activate it. I'm sure I'm just missing somethign small but after working on this for a number of days, trying to figure it out, I appeal to you all for help! Thanks in advance for your support and suggestions!

Here is the HTML code for the section (I edited it just so you can see what I'm looking for)

<div id="navigation">
<ul id="nav">
<li class="nav"><a href="" onclick="return false">Novels</a>
<ul class="subnavnovels">
<li class="subnav"><a href="" onclick="return false">Lawson Vampire Novels</a>
<ul class="subsubnav">

<li class="subsubnav"><a href="fixer.html">The Fixer</a></li>
<li class="subsubnav"><a href="invoker.html">The Invoker</a></li>
<li class="subsubnav"><a href="des.html">The Destructor</a></li>
<li class="subsubnav"><a href="syn.html">The Syndicate</a></li>


</ul>
</li>
</ul>
</li>


And here's the CSS code for the nav section:

/* NAVIGATIONAL ELEMENTS */
#nav {z-index:3;}
#nav a {color:#FFF;text-decoration:none}
#nav a:hover {color:#07B6D0;text-decoration:none}
li.nav {margin-right:24px;}
ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}

li { /* all list items */
float: left;
position: relative;
}

li ul { /* second-level lists */
display: none;
position: absolute;
top: 1em;
left: 0;
padding:3px 7px;
border:1px solid #27444C;
}

li ul ul { /* third-level lists */
display: none;
width: 100px;
position: absolute;
top: 0;
left: 140;
padding:3px 7px;
border:1px solid #27444C;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block; clear:left; background:url(menubg.png);
}




.subnavnovels {width:140px;}
.subnavshorts {width:140px;}
.subnavnonfic {width:160px;}
.subnavother {width:170px;}
.subnavcommunity {width:170px;}
.subnavabout {width:100px;}
.subnavcontact {width:100px;}


li.subnav {float:none;}
li.subsubnav {display:inline;}

Hi,

I'm having problems with FireFox (or rather it's having problems with my coding).

If you go to he

http://jigsaw.w3.org/css-validator/...&usermedium=all

It's all valid css but http://www.wnv2.com/v11.php shows up funny in FF but looks great in IE/Maxthon.

View course for html, but the css code is in the validation link,

Any help would be great!

Thanks

Please let me know if I need to post my questions more clear. I have read the "how to post css questions" but I don't seem to be getting any responses.
BTW: if the site is working in IE for you please let me know.
I appreciate your help.

I'm new to CSS and this website.
I have been working on a website that seems to be displaying properly in Chrome, FireFox, Opera and Safari. I am having problems getting it to display properly in Internet Explorer.

To see the proper lay out look at it in Safari, Opera, FF or Chrome.

the page is at :
http://www.tmdessertworks.com/neotmtest/menutest.html

Here is the CSS: Code:

<style type="text/css">
<!--
body{
	color: #e8d898;
	font-size: 12px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	background-color: #111111;
}

td{
	vertical-align:top;
	width: 194px;
}

td.menutitle{
	width: 700px;
}

td.thumbnail{
	width: 150px;
	text-align:right;
	}	

.navmenu1{
	text-align:center;
	padding-left: 170px;
	background: url(sitegrax/menuback_1.jpg);
}

.menu1 {
	padding-left: 22px;
	padding-top: 6px;
	padding-bottom:6px;
	background: url(sitegrax/menuback_1.jpg);
}

.endcap {
	text-align:center;
	padding-left: 64px;
	background: url(sitegrax/menu_bottomcap.jpg);
	background-repeat:no-repeat;
	}
	
	
.style {
	color: #FF6600;
	font-style: italic;
}
-->
</style>

I have validated my CSS and HTML and I have searched the forums but don't quite know what is happening to fix the problems:
1. Backgrounds not filling to 800px
2. Small spaces between <div> tags
3. Top navigation menu displaying vertical and not horizontal.


Thank you for your help