Class attribueren aan nested layers (div in div indiv) en soms ook extra attributen

[vacances2000]

Beste,
Het lukt me maar gedeeltelijk om de opmaak rond te krijgen in CSS van het sub menu dat ik graag wil vormgeven.

Problemen zijn onder andere:
-Bij het wijzigen van de a, hover, etc pakt die de opmaak van het hoofd menu (category 1)
- DIV #menu-right neemt de hele breedte in van de DIV met ID #main-menu-box
- verder h1, h2, h3, h4, p veranderen ook niet mee de hele tijd en pakken eveneens de BODY tag h1 h2 etc mee.



Zie hier code html:

<li><a href="#">Category 1</a>
<ul>
<li>

<div id="main-menubox"[ATTACH]179154.vB[/ATTACH] class="main-menubox">
Sub menu Title
<div style="clear:both"></div>
<div id="menu-left" class="menu-left">

<div id="sub-sub-menu" class="sub-sub-menu">

<div id="text-main-menu" class="text-main-menu"><h2>Category</h2>
<p>small description</p><a href="#">Go further</a></div>
  
<div id="main-menu-image" class="main-menu-image"><img src="images/Thumbnails/all-inclusive.gif" width="100" height="80" alt="Family" /></div>

</div>
</div>

<div id="menu-right" class="menu-right"><img src="images/Thumbnails/adventure2.gif" width="100" height="80" /></div>

</div>

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

En dit is de css code:

/*SUB MENU BOXES*/

#main-menubox{
	postion: relative;
	height: 500px;
	width: 700px;
	font: Candara, "Trebuchet MS", sans-serif;
	text-align: left;
	clear: both;
	background:#FFF;
	border:10px solid;
	border-color:#666;
}

#main-menubox.menu-left{
	postion: relative;
	width: 500px;
	height:500px;
	margin: 5px;
	float:left;
	border: 5px solid;
}

#main-menubox.menu-right{
	position: relative;
	margin-left: 10px;
	width: 185px;
	float: right;
	text-align:right;
	}

#main-menubox .sub-sub-menu {
	postion: relative;
	width: 495px;
	float: left;	
	clear:both;
}

#main-menubox .text-main-menu{
	postion: relative;
	width: 375px;
	height: 100px;
	margin:3px;
	float:left;
}

#main-menubox .main-menu-image{
	position: relative;
	float: right;
	margin: 3px;
	width: 100px;
	height: 100px;
	text-align:right;
}

.main-menubox h1{
	font-size:16pt;
	margin: 5px;	
	}

.main-menubox h2{
	font-size:10pt;
	margin: 5px;	
	}
	
.main-menubox h3 {
	font-size:9pt;
	margin: 5px;
	}
	
.main-menubox h4 {
	font-size:9pt;
	margin: 5px;
	}
	
.main-menubox p{
	font-size:9pt;
	margin: 5px;
	}

.main-menubox ul li a {color:blue;}

ALvast dank

Jonathan