help floating an element!

#rc1 ul li {
width:190px;
float::left;
margin:4px;
border:1px solid green;

}

As you can see above in the css sample I have floated #rc1 ul li to the left but then in the browser is not floating to the left. all other elements are being applied less the floating .......... uch...

html code

<div id="rmc">

<div id="rc1">
<ul id="rc1ul" >
<li><a href="#">about mansions</a></li>
<li><a href="#">Materials</a></li>
<li><a href="#">Soil of place</a></li>
<li><a href="#">Engineers </a></li>
</ul><!-- end rc1ul -->
<div id="videoplayer"> 
<img src="images/videoplayer.jpg" alt="videoplayer">
<p>Lorem Ipsum is simply dummy text 
of the printing and typesetting 
industry. Lorem Ipsum has been 
the industry's standard dummy
 text ever since the 1500s, when
 an unknown printer took a galley.</p>
</div><!-- end videoplayer-->
</div> <!-- end rcl -->

<div id="rc2">
<img src="../images/line..gif" alt="line">
<ul id="smallthumbul" >
<li><a href="#"><img src="images/construction1.jpg" alt="1"></a></li>
<li><a href="#"><img src="images/construction2.jpg" alt="1"></a></li>
<li><a href="#"><img src="images/construction3.jpg" alt="1"></a></li>
<li><a href="#"><img src="images/construction4.jpg" alt="1"></a></li>
<li><a href="#"><img src="images/construction5.jpg" alt="1"></a></li>
</ul><!-- end smallthumbsul -->

<div id="largethumbs"> 
<img src="images/construction5.jpg" alt="large">
</div>

</div><!-- end rc2 --> 
</div><!-- end rmc-->

HTML:

Css stylesheet

 

Check it out this one :

float::left;

HTML:

You have a syntax error .
It should be :

float:left;

HTML:

Best regard.

 

Thank you titanium it was a syntax error.

 

I recommend you switch to an editor with syntax highlight function, such as Notepad++, PNotepad, EditPlus, or other similar tools.

 

Thank you myst

 

Notepad++ is great for syntax highlighting.. you will see your errors drastically reduced