jQuery UI Tabs not Tabbing 1 div

<div class="formBlock #local.windowClass#" id="tabs">
		<ul>
			<li><a href="##general">General</a></li>
			<li><a href="##data">Data</a></li>
			<li><a href="##seo">SEO (Meta Info)</a></li>
			<li><a href="##links">Links</a></li>
			<li><a href="##variations">Variations</a></li>
			<li><a href="##images">Images</a></li>
			<li><a href="##downloads">Downloads</a></li>
		</ul>
		<div id="general">
			<label for="prodName">Product Name</label>
			<input type="text" class="text long :required :only_on_blur" name="prodName" id="prodName" /><br />
			<label for="tagline">Tagline</label>
			<input type="text" class="text long" name="tagline" id="tagline" /><br />
			<label for="description" style="text-align:left; ">Description</label>
			<textarea name="description" class="wysiwyg"></textarea><br />
			<label for="tags">Tags</label>
			<input type="text" class="text long" name="tags" id="tags" /><br />
			<span class="help-text">(Comma Seperated)</span><br />
		</div>
		<div id="data">
			<label for="active">Status</label>
			<select name="active" id="active">
				<option value="true">Enabled</option>
				<option value="false">Disabled</option>
			</select><br />
			<label for="sku">SKU</label>
			<input type="text" class="text long :required :only_on_blur" name="sku" id="sku" /><br />
			<label for="ourPrice">Price</label>
			<input type="text" class="text long :required :only_on_blur" name="ourPrice" id="ourPrice" /><br />
			<label for="retailPrice">Retail Price</label>
			<input type="text" class="text long" name="retailPrice"	id="retailPrice" /><br />
			<span class="help-text">(Price other retailers are selling the product for)</span><br />
			<label for="taxclass">Tax Class</label>
			<select name="taxclass" id="taxclass">
				<option value="0">--- None ---</option>
				<option valeu="normal">State Taxes</option>
			</select><br />
			<label for="inventory">Inventory</label>
			<input type="text" class="text long :integer" name="inventory" id="inventory" /><br />
			<span class="help-text">(Used to manage product availability)</span><br />
			<label for="show0">Show if no Inventory</label>
			<input type="checkbox" checked="checked" name="show0" id="show0" /><br />
			<label for="dateAvailable">Date Available</label>
			<input type="text" class="datePicker long" name="dateAvailable" id="dateAvailable" value="#RC.getProduct.dateAvailable#" /><br />
			<label>Dimensions</label>
			<input type="text" class="text mini" name="length" id="length" /> <input type="text" class="text mini" name="width" id="width" /> <input type="text" class="text mini" name="height" id="height" /><br />
			<span class="help-text">(L x W x H)</span><br />
			<label for="weight">Weight</label>
			<input type="text" class="text long" name="width" id="width" /><br />
		</div>
		<div id="seo">
			<!--- Elements Here:
					- Meta Description
					- Meta Keywords
			--->
			<label for="metadesc" style="vertical-align:top; ">Description</label>
			<textarea name="metadesc" class="medium"></textarea><br />
			<label for="metakey">Keywords</label>
			<input type="text" class="text long" name="metakey" id="metakey" /><br />
		</div>
		<div id="links">
			<input type="hidden" name="catLinks" id="catLinks" value="#RC.getParent.catid#" />
			<!--- Elements Here:
					- Categories
					- Related Products
			--->
			<label for="findCats">Find Categories</label>
			<input type="text" class="text long" name="findCats" id="findCats" />
			<input type="button" name="searchCats" id="searchCats" value="Search" onclick="searchCats($('##findCats').val(),'sCatResults','addcatLink')" /><br />
			<ul id="sCatResults"></ul><br />
			
			<label for="selectCat">Available Categoies</label>
			<select name="selectCat" id="selectCat">
				<cfloop query="RC.getCategories">
					<cfif RC.parent NEQ RC.getCategories.catid><option value="#RC.getCategories.catid#">#RC.getCategories.title#</option></cfif>
				</cfloop>
			</select>
			<input type="button" name="addCat" id="addCat" value="Add Link" onclick="addCatLink($('##selectCat').val());moveOption('##selectCat','##cCatLinks','option');" /><br />
			
			<label for="cCatLinks">Current Category Links</label>
			<select name="cCatLinks" id="cCatLinks" size="10" class="text long">
				<option value="#RC.getParent.catid#">#RC.getParent.title#</option>
			</select>
		</div>
		<div id="variations">
			<!--- Elements Here:
					- List of variations
					- Add Variation
			--->
			
			<input type="hidden" name="variationIDs" id="variationIDs" value="1" />
			<p>Click the plus button to start adding variations to your product.</p>
			<p><a href="javascript:openWindow(400,600,'#buildURL('variations.addproduct','?windowmode=true')#','add-variation');"><img src="/assets/system-images/icons/add_tiny.png" border="0" /> New Variation</a></p>
		</div>
		<div id="images">
			<input type="hidden" name="imgIDs" id="imgIds" value="" />
			<input type="hidden" name="defaultImg" id="defaultImg" value="" />
			
			<div id="imgUploader">
				<p>Please select images to upload. Uplaod will begin as soon as you click Upload Image.</p>
				<p id="uploadify-message" class="ui-corner-all" style="display: none;"></p>
				<div id="uploadify" class="images"></div><p />
				<input type="button" onClick="jQuery('##uploadify.images').uploadifyUpload()" value="Upload Image" />
			</div>			
			<div id="prodImgs">
				<!--- Format to follow:
						<div class="product-img" id="img#imgid#">
							<img src="{imgSource}" />
							<a href="##" onClick="setDefaultImg(#imgid#)">Set Default</a>
						</div>
				--->
			</div>
		</div>
		<div id="downloads">
			<input type="hidden" name="downloadIDs" value="1" />
			
			<div id="fileUploader">
				<p>Please select files to upload.  Upload will begin as soon as you click Upload File.</p>
				<p id="uplaodify-message" class="ui-corner-all" style="display:none;"></p>
				<div id="uploadify" class="downloads"></div>
				<input type="button" onclick="jQuery('##uploadify.downloads').uploadifyUpload()" value="Upload File" />
			</div>
		</div>
	</div>

Select allOpen in new window