<div>
you need to style list:<br />
li<br />
{<br />
display:inline;<br />
float:left;<br />
width: 100px;<br />
}
</div>


you need to style list:
li
{
display:inline;
float:left;
width: 100px;
}

<div>
<div class="content wysiwyg-content">
Hi,<br />
<br />
I have a listed menu on the following website <a href="http://www.bluebean.org.uk/batemans/" rel="ugc">www.bluebean.org.uk/batemans/</a>&nbsp;however in IE7 my floated nav is appearing incorrect. I know its an issue with not clearing the floats, but i am unsure as to where to clear them, i have tried a few options but didnt work.<br />
<br />
Please can someone help.<br />
<br />
Cheers<br />
<br />
Andy
</div>
</div>


Hi,

I have a listed menu on the following website www.bluebean.org.uk/batemans/ however in IE7 my floated nav is appearing incorrect. I know its an issue with not clearing the floats, but i am unsure as to where to clear them, i have tried a few options but didnt work.

Please can someone help.

Cheers

Andy

Clearing floated nav issues in IE7

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Web browsers are applications used primarily to display documents, files and media from the Internet, identified by a Uniform Resource Identifier (URI) that can be a page, image, video or other file. Some browsers require the use of add-ons or extensions to safely render the information they receive; others have systems built into them to perform the same functions.