IE inserting a line break when using <b>?

[AndyH1]

Heres an extract from the HTML code:

 <b>Full Set Gel Nail Enhancements </b>(Sculpted or tip)<b><div class="spaced"> £40 </div><br/>
                Full Set Liquid and Powder Enhancements </b>(Sculpted or tip)<b><div class="spaced"> £40 </div><br/>

CSS:

.spaced {
  float: right;
}

Ok this looks fine on firefox, menu items in bold on the left and prices in bold floated to the right. The words in brackets are not bolded.

For some reason IE is doing a line break and putting the first bracketed words on a new line, yet the second '(Scultped or tip)' is displayed fine as I want it. To me the code looks the same! Anyone know why this is happening?

The menu is on this page http://www.loveyournails.co/menu.html

[teedoff]

You have quite a few coding errors. One thing is, you cant put a block level element inside an inline element...ie <div> inside <b>.

You can view your errors here.

[AndyH1]

Thanks im looking through the validator, ive validated every other page and got 0 errors

im just trying to do this page but some of the errors I dont know how to sort out as errors are being thrown up by the javascript menu, like it doesnt recognise data-openimage and data-closeimage and I dont know what to do about it

So I will have a look about the block and inline elements.

Do you know why there is a thick black line at the top and its the twitter link? Ive tried changing so many things and its still there (only in IE)

edit: Im looking at it and I understand what you mean, but I cant see how to change it, how do i get the prices to float to the right without calling the floating class all the time? Sorry im a noob